Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

Opening Sequence
typography

Text Opening Sequence with CSS Animations

In Playground, Apr 30, 2013 by Manoela Ilic

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

PSD2HTMLGiveaway

PSD2HTML Coding Services Giveaway

In Giveaways, Apr 29, 2013 by Manoela Ilic

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

Simple YouTube Menu Effect
menu

Simple YouTube Menu Effect

In Tutorials, 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.

Dessign Responsive WordPress Themes Membership Giveaway

Dessign Responsive WordPress Themes Membership Giveaway

In Giveaways, 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.

FullscreenLayoutPageTransitions
page-transition

Fullscreen Layout with Page Transitions

In Playground, 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.

Responsive Multi-Level Menu
dropdownmenu

Responsive Multi-Level Menu

In Playground, 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.

Background Slideshow
slideshow

Background Slideshow

In Blueprints, Apr 17, 2013 by Manoela Ilic

A fullscreen background slideshow with autoplay functionality.

Responsive Full Width Grid
grid

Responsive Full Width Grid

In Blueprints, Apr 17, 2013 by Manoela Ilic

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

Slide Push Menus
menu

Slide and Push Menus

In Blueprints, 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.

App Showcase with Grid Overlay
3dgridoverlay

App Showcase with Grid Overlay

In Tutorials, Apr 1, 2013 by Manoela Ilic

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

Wix Studio
Seamlessly transform your Figma designs into responsive, business-ready sites with the Figma to Wix Studio plugin.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo