Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

Opening Sequence
typography

Text Opening Sequence with CSS Animations

Apr 30, 2013 by Manoela Ilic

A simple and fun text opening sequence effect with blurry letters using CSS animations.

+ more
PSD2HTMLGiveaway

PSD2HTML Coding Services Giveaway

Apr 29, 2013 by Manoela Ilic

PSD2HTML® is giving away $400, $300 and $200 worth of services to three lucky winners.

+ more
Simple YouTube Menu Effect
menu

Simple YouTube Menu Effect

Apr 25, 2013 by Manoela Ilic

A tutorial on how to recreate the effect of YouTube’s little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.

+ more
Dessign Responsive WordPress Themes Membership Giveaway

Dessign Responsive WordPress Themes Membership Giveaway

Apr 25, 2013 by Manoela Ilic

Win 1 of 5 Dessign Premium Responsive WordPress Theme membership subscriptions and get access to over 40 premium themes.

+ more
FullscreenLayoutPageTransitions
page-transition

Fullscreen Layout with Page Transitions

Apr 23, 2013 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.

+ more
Responsive Multi-Level Menu
dropdownmenu

Responsive Multi-Level Menu

Apr 19, 2013 by Manoela Ilic

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.

+ more
Background Slideshow
slideshow

Background Slideshow

Apr 17, 2013 by Manoela Ilic

A fullscreen background slideshow with autoplay functionality.

+ more
Responsive Full Width Grid
grid

Responsive Full Width Grid

Apr 17, 2013 by Manoela Ilic

A responsive grid layout for multiple items in a row that fill all the available width.

+ more
Slide Push Menus
menu

Slide and Push Menus

Apr 17, 2013 by Manoela Ilic

Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.

+ more
App Showcase with Grid Overlay
3dgridoverlay

App Showcase with Grid Overlay

Apr 1, 2013 by Manoela Ilic

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

+ more
Mailchimp
Create stunning brand assets with the help of our AI-driven Creative Assistant. Get started today.
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by StackPath
  • © Codrops 2023