Creative Loading Effects
by Manoela Ilic in Playground
Some ideas and inspiration for loading effects on a website.
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
Sliding Horizontal Layout
by Manoela Ilic in Playground
A slider-like layout where the neighboring sections are positioned horizontally next to each other.
+ more
Transitions for Off-Canvas Navigations
by Manoela Ilic in Playground
Some inspiration for transition effects for off-canvas navigations.
+ more
3D Shading with Box-Shadows
by Nick Pettit in Tutorials
A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects.
+ more
Multi-Level Push Menu
by Manoela Ilic in Playground
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
+ more
Building a Circular Navigation with CSS Transforms
by Sara Soueidan in Tutorials
A tutorial on how to create a circular navigation using CSS transforms.
+ more
Creative Link Effects
by Manoela Ilic in Playground
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
+ more
3D Effect for Mobile App Showcase
by Manoela Ilic in Playground
A fancy 3D effect for a mobile app showcase where the app screens animate to a layered stack.
+ more
Freebie: Famous Landmarks Icon Set (AI, EPS, PSD)
by Shaun Dona in Freebies
A set of 12 pixel-perfect famous landmark icons in AI, PSD and EPS format.
+ more
Google Nexus Website Menu
by Manoela Ilic in Tutorials
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
+ more
On Scroll Effect Layout
by Manoela Ilic in Blueprints
An on scroll effect template that animates the sides of sections once they are in the viewport.
+ more
Troubleshooting CSS
by Kitty Giraudel in Articles
Sometimes CSS can be frustrating. Learn about some tricky properties, the common issues they can cause and how to solve them.
+ more
On Scroll Header Effects
by Manoela Ilic in Playground
Some inspiration for headers that animate when scrolling the page.
+ more
Justified and Vertically Centered Header Elements
by Manoela Ilic in Tutorials
A little journey into positioning header elements to be centered vertically and justified with the help of pseudo-elements.
+ more
Animated Books with CSS 3D Transforms
by Marco Barria in Playground
A creative way to show interactive books using CSS 3D Transforms.
+ more
Using Custom Data Attributes and Pseudo-Elements
by Manoela Ilic in Tutorials
A tutorial on how to (ab)use custom data attributes and pseudo-elements for creating image captions.
+ more
Interactive Particles Slideshow
by Francesco Trillini in Playground
An interactive particles slideshow experiment built with HTML5 Canvas.
+ more
Loading Effects for Grid Items with CSS Animations
by Manoela Ilic in Playground
Some inspiration for loading effects of grid items using CSS animations.
+ more