Creative Link Effects
by Mary Lou in Playground
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
3D Effect for Mobile App Showcase
by Mary Lou 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
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 Mary Lou 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 Mary Lou in Playground
Some inspiration for headers that animate when scrolling the page.
+ more
Justified and Vertically Centered Header Elements
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
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 Mary Lou in Playground
Some inspiration for loading effects of grid items using CSS animations.
+ more
Responsive Icon Grid
by Mary Lou in Blueprints
A responsive grid of anchors with icons, text and some example hover transitions.
+ more
View Mode Switch
by Mary Lou in Blueprints
A simple view mode switch that has two example layouts, a grid and a list.
+ more
Expanding Search Bar Deconstructed
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
+ more
Nifty Modal Window Effects
by Mary Lou in Playground
A set of experimental modal window appearance effects with CSS transitions and animations.
+ more
Dynamic Grid with Transitions
by Mary Lou in Playground
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 ad
+ more
Caption Hover Effects
A tutorial on how to create some subtle and modern caption hover effects.
+ more