Codrops
  • All Posts
  • Demos Hub
  • Webzibition

basic-shapecirclecss shapesshape-outside

An Introduction to CSS Shapes

In Tutorials, Nov 29, 2018 by Tania Rascia

CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.

hoverlink

Image Reveal Hover Effects

In Playground, Nov 27, 2018 by Manoela Ilic

A set of link hover effects that reveal a thumbnail in different creative ways.

flipnavigation

Page Flip Layout

In Playground, Nov 12, 2018 by Manoela Ilic

A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.

Meco
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Try it, unclutter your inbox.
Creative Coding Club
GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Subscribe
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • LinkedIn
  • Instagram
  • X (Twitter)
  • Bluesky
  • Facebook
  • Telegram
  • RSS Feed
  • GitHub
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo