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

basic-shapecirclecss-shapespolygonshape-outside

An Introduction to CSS Shapes

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.

+ more
hoverinspirationlink

Image Reveal Hover Effects

Nov 27, 2018 by Manoela Ilic

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

+ more
flipnavigation

Page Flip Layout

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.

+ 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