Rotating Image Gallery Wheel By Joel Besada

Few months ago i just share with you Mosaiqy jQuery plugin for viewing and zooming photos and images in a Mosaic-like grid interface. The images are displayed inside randomly rotating columns and rows where CSS3 transitions are used for the animations.

And now today i share “Rotating Image Gallery Wheel” created by Joel Besada. 

rotating-image-gallery

They are trying out different things that you can do with the CSS mask property lately. With a CSS mask, you can mask or clip any element to a desired shape.  The mask is either a PNG image, or an SVG image. Joel Besada coupled this with the CSS transform and transition properties, and came up with a pretty cool concept for an image gallery.

Demo: http://www.joelb.me/sandbox/gallerywheel
Website: http://joelb.me/blog/2011/css-mask-tutorial-rotating-image-gallery/

Advertisements
 
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

It’s astonishing that this wheel is done solely with CSS. Great work by Joel.

Trackbacks to this post.
Leave a Reply

Copyright © 2019 Freebies, Free Fonts, WordPress Themes, Logos & Tutorials. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us