Simple Icon Hover Effects
By Mary Lou on
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
BookBlock Revised
By Pedro Botelho on
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
Tooltip Menu
By Mary Lou on
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.
Examples of Pseudo-Elements Animations and Transitions
By Marco Barria on
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
Natural Language Form with Custom Input Elements
By Mary Lou on
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.
Product Grid Layout
By Mary Lou on
A responsive product grid layout with some UI details for inspiration.
Horizontal Slide Out Menu
By Mary Lou on
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
Morphing Devices
By Mary Lou on
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots.
Responsive Retina-Ready Menu
By Stéphanie Walter on
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
A Collection of Page Transitions
By Pedro Botelho on
A showcase collection of various page transition effects using CSS animations.
Vertical Timeline
By Mary Lou on
A responsive vertical timeline layout with icons and example media queries.
Fixed Background Scrolling Layout
By Mary Lou on
A fixed background image scrolling layout with 100% height panels and smooth scrolling.
Automatic Figure Numbering with CSS Counters
By Hugo “Kitty” Giraudel on
Learn about CSS counters, the figure element and how to combine both for automatically numbering figures in a web page.