Cinema Seat Preview Experiment
by Mary Lou
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
+ more#3d
Interactive Room Display
by Mary Lou
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
+ more
Shaded Progress Bars: A CSS/Sass Exercise
A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins.
+ more
Playful Interaction for Draggable Elements
by Mary Lou
A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.
+ more
Image Tilt Effect
by Mary Lou
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef
+ more
Perspective Mockup Slideshow
by Mary Lou
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta's script.
+ more
Draggable Dual-View Slideshow
by Mary Lou
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
+ more
3D Grid Effect
by Mary Lou
A proof-of-concept effect recreation of the animation seen in a prototype app by Marcus Eckert. The idea is to flip a grid item in 3D, expand it to fullscreen and re
+ more
Tilted Content Slideshow
by Mary Lou
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
+ more
Scattered Polaroids Gallery
by Mary Lou
A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Pol
+ more
“Look Inside” Book Preview with BookBlock
by Mary Lou
A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and t
+ more
Perspective Page View Navigation
by Mary Lou
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mob
+ more
Progress Button Styles
by Mary Lou
A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one sid
+ more
Animated Opening Type
by Diego Pardo
A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann
+ more
Animations for Thumbnail Grids
by Mary Lou
There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff
+ more
Transitions for Off-Canvas Navigations
by Mary Lou
Some inspiration for transition effects for off-canvas navigations.
+ more
3D Shading with Box-Shadows
by Nick Pettit
A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects.
+ more
3D Effect for Mobile App Showcase
by Mary Lou
A fancy 3D effect for a mobile app showcase where the app screens animate to a layered stack.
+ more