Unique 3D gallery with responsive layout, touch navigation and extensive use of CSS3 animation.
Magnetize Gallery displays images in 3-dimensional space. Pictures are divided into three layers animated with parallax on mouse hover and an ability to reorder these layers in a carousel manner. Click on an image brings it to the front and displays the picture in full-size mode.
Magnetize Gallery supports three kinds of layout:
- full-screen;
- full-width;
- fixed (boxed).
And allows to set:
- viewport size and proportion;
- density of image distribution;
- down-scale ratio for each layer;
- appearance of image roll-overs;
- use JavaScript animation instead of CSS3.
Due to simple HTML structure, it requires only a couple of lines of code to set up the gallery. Plugin is provided with detailed tutorial and sample pages for each gallery layout.
Magnetize : jQuery Responsive 3D Parallax Gallery
No comments:
Post a Comment