Transitions for Off-Canvas Navigations
by Manoela Ilic
Some inspiration for transition effects for off-canvas navigations.
+ more#3d
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 Manoela Ilic
A fancy 3D effect for a mobile app showcase where the app screens animate to a layered stack.
+ more
On Scroll Header Effects
by Manoela Ilic
Some inspiration for headers that animate when scrolling the page.
+ more
Animated Books with CSS 3D Transforms
by Marco Barria
A creative way to show interactive books using CSS 3D Transforms.
+ more
Nifty Modal Window Effects
by Manoela Ilic
A set of experimental modal window appearance effects with CSS transitions and animations.
+ more
Caption Hover Effects
by Manoela Ilic
A tutorial on how to create some subtle and modern caption hover effects.
+ more
BookBlock Revised
The content flip plugin BookBlock has been updated and improved. Content can be flipped vertically and horizontally, and we've added support for RTL among other thin
+ more
Product Grid Layout
by Manoela Ilic
A responsive product grid layout with some UI details for inspiration.
+ more
A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations.
+ more
App Showcase with Grid Overlay
by Manoela Ilic
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.
+ more
HexaFlip: A Flexible 3D Cube Plugin
HexaFlip is a JavaScript UI plugin that let's you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices rega
+ more
Image Techniques for Creating Depth in Web Design
Creative manipulation of images, from layering to composition to special effects, can add depth to web projects.
+ more
Flipping Circle Slideshow
by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
+ more
3D Image Gallery Room
by Manoela Ilic
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
+ more
3D Book Showcase
by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
+ more
Fullscreen Pageflip Layout
by Manoela Ilic
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu tha
+ more
StackSlider: A Fun 3D Image Slider
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for view
+ more