3D Shading with Box-Shadows
In Tutorials, by Nick Pettit
A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects.
3d
3D Effect for Mobile App Showcase
In Playground, by Manoela Ilic
A fancy 3D effect for a mobile app showcase where the app screens animate to a layered stack.
On Scroll Header Effects
In Playground, by Manoela Ilic
Some inspiration for headers that animate when scrolling the page.
Animated Books with CSS 3D Transforms
In Playground, by Marco Barria
A creative way to show interactive books using CSS 3D Transforms.
Nifty Modal Window Effects
In Playground, by Manoela Ilic
A set of experimental modal window appearance effects with CSS transitions and animations.
Caption Hover Effects
In Tutorials, by Manoela Ilic
A tutorial on how to create some subtle and modern caption hover effects.
BookBlock Revised
In Articles, by Manoela Ilic
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 things.
Product Grid Layout
In Blueprints, by Manoela Ilic
A responsive product grid layout with some UI details for inspiration.
A Collection of Page Transitions
In Playground, by Manoela Ilic
A showcase collection of various page transition effects using CSS animations.
App Showcase with Grid Overlay
In Tutorials, by Manoela Ilic
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.
HexaFlip: A Flexible 3D Cube Plugin
In Tutorials, by Dan Motzenbecker
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 regarding flexible UI plugins.
Image Techniques for Creating Depth in Web Design
In Articles, by Carrie Cousins
Creative manipulation of images, from layering to composition to special effects, can add depth to web projects.
Flipping Circle Slideshow
In Playground, by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
3D Image Gallery Room
In Playground, by Manoela Ilic
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
3D Book Showcase
In Playground, by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
Fullscreen Pageflip Layout
In Tutorials, 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 that will slide out from the left.
StackSlider: A Fun 3D Image Slider
In Playground, by Manoela Ilic
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 viewing.
Simple Effects for Drop-Down Lists
In Playground, by Manoela Ilic
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
