Toot

Written by CSS by T. Afif :verified: on 2025-01-21 at 14:46

💡 CSS Tip!

Place your image inside a fancy wavy box using a few lines of code

✅ Only one element (the tag)

✅ No pseudo-elements

✅ Optimized with CSS Variables

✅ Works with gradient coloration

Demo: https://codepen.io/t_afif/full/EaYedaY via :codepen: @codepen

Online Version: https://css-tip.com/image-wavy-borders/

[#]CSS #HTML

=> View attached media | View attached media

=> More informations about this toot | View the thread | More toots from css@front-end.social

Mentions

=> View codepen@fosstodon.org profile

Tags

=> View css tag | View html tag