Codrops logo
  • Tutorials
  • Playground
  • Articles
  • Collective
  • CSS Reference
  • Rss Feed
  • Email Updates
  • Codrops on Twitter
  • Codrops on Facebook
  • Codrops on Github
  • Codrops on Instagram

FreebieFamousLandmarksIconSet

Freebie: Famous Landmarks Icon Set (AI, EPS, PSD)

By Shaun Dona on July 31, 2013

A set of 12 pixel-perfect famous landmark icons in AI, PSD and EPS format.

Google Nexus Menu

Google Nexus Website Menu

By Mary Lou on July 30, 2013

A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.

Blueprint ScrollEffect

On Scroll Effect Layout

By Mary Lou on July 18, 2013

An on scroll effect template that animates the sides of sections once they are in the viewport.

Troubleshooting CSS

Troubleshooting CSS

By Hugo “Kitty” Giraudel on July 17, 2013

Sometimes CSS can be frustrating. Learn about some tricky properties, the common issues they can cause and how to solve them.

Header Effects

On Scroll Header Effects

By Mary Lou on July 16, 2013

Some inspiration for headers that animate when scrolling the page.

Justified and Vertically Centered Header with Pseudo-Elements

Justified and Vertically Centered Header Elements

By Mary Lou on July 14, 2013

A little journey into positioning header elements to be centered vertically and justified with the help of pseudo-elements.

AnimatedBooks

Animated Books with CSS 3D Transforms

By Marco Barria on July 11, 2013

A creative way to show interactive books using CSS 3D Transforms.

PseudoElementsImageCaptions

Using Custom Data Attributes and Pseudo-Elements

By Mary Lou on July 5, 2013

A tutorial on how to (ab)use custom data attributes and pseudo-elements for creating image captions.

InteractiveParticlesSlideshow

Interactive Particles Slideshow

By Francesco Trillini on July 3, 2013

An interactive particles slideshow experiment built with HTML5 Canvas.

Grid Loading Effects

Loading Effects for Grid Items with CSS Animations

By Mary Lou on July 2, 2013

Some inspiration for loading effects of grid items using CSS animations.

BlueprintResponsiveIconGrid

Responsive Icon Grid

By Mary Lou on July 1, 2013

A responsive grid of anchors with icons, text and some example hover transitions.

BlueprintViewModeSwitch

View Mode Switch

By Mary Lou on July 1, 2013

A simple view mode switch that has two example layouts, a grid and a list.

Elevate all your marketing with Mailchimp Smarts - everything from planning and design, to execution and analysis.
  • Tutorials
  • Articles
  • Playground
  • Blueprints
  • CSS Reference
  • News
  • Freebies
  • Collective
  • About
  • Contact
  • Newsletter
  • Deals
  • Advertise
  • Privacy Policy
  • License
  • Archives
  • Content delivered by StackPath
  • © Codrops 2021
Codrops uses cookies for its advertisement solutions and for analytics. We hope you're ok with this, but you can opt-out if you wish. Read our Privacy Policy and Cookie Policy. OK
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.