Animated Books with CSS 3D Transforms
by Marco Barria
A creative way to show interactive books using CSS 3D Transforms.
Playground
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
Interactive Particles Slideshow
An interactive particles slideshow experiment built with HTML5 Canvas.
Loading Effects for Grid Items with CSS Animations
by Manoela Ilic
Some inspiration for loading effects of grid items using CSS animations.
Nifty Modal Window Effects
by Manoela Ilic
A set of experimental modal window appearance effects with CSS transitions and animations.
Dynamic Grid with Transitions
by Manoela Ilic
A dynamic grid layout that let’s you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can add transitions.
Creative Button Styles
by Manoela Ilic
Some creative and modern button styles and effects for your inspiration.
Simple Icon Hover Effects
by Manoela Ilic
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
Examples of Pseudo-Elements Animations and Transitions
by Marco Barria
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
Morphing Devices
by Manoela Ilic
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots.
A Collection of Page Transitions
by Manoela Ilic
A showcase collection of various page transition effects using CSS animations.
Text Opening Sequence with CSS Animations
by Manoela Ilic
A simple and fun text opening sequence effect with blurry letters using CSS animations.
Fullscreen Layout with Page Transitions
by Manoela Ilic
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
Responsive Multi-Level Menu
by Manoela Ilic
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Flipping Circle Slideshow
by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
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.
3D Book Showcase
by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
Slider Pagination Concept
by Manoela Ilic
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
Sticky Captions Concept
by Manoela Ilic
A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.
