A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations. ... read more
3d
App Showcase with Grid Overlay
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. ... read more
HexaFlip: A Flexible 3D Cube Plugin
By Dan Motzenbecker 44 Comments
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 ... read 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. ... read more
Flipping Circle Slideshow
A simple circular slideshow where we flip the image in order to navigate. ... read more
3D Image Gallery Room
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls. ... read more
3D Book Showcase
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms. ... read more
Fullscreen Pageflip Layout
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 ... read 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 ... read more
Simple Effects for Drop-Down Lists
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. ... read more
Responsive CSS Timeline with 3D Effect
A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected. ... read more
Slicebox Revised
Slicebox, the jQuery 3D image slider plugin, has been updated. We've done some major improvements and added new features. ... read more
PFold: Paper-Like Unfolding Effect
A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can ... read more
Windy: A Plugin for Swift Content Navigation
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm. ... read more
3D Restaurant Menu Concept
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items. ... read more
BookBlock: A Content Flip Plugin
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. ... read more
Unfolding 3D Thumbnails Concept
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d. ... read more
Triple Panel Image Slider
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions. ... read more
Circle Hover Effects with CSS Transitions
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. ... read more
3D Flipping Circle with CSS3 and jQuery
In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CS ... read more
Responsive 3D Panel Layout
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. ... read more
3D Thumbnail Hover Effects
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery. ... read more
Animated 3D Bar Chart with CSS3
A tutorial on how to create an animated 3d bar chart using CSS only. ... read more
Experimental Page Layout Inspired by Flipboard
An experimental page layout that let's you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard. ... read more