Post #1118850
2026-04-08 11:45 UTC
💡 CSS Tip!
We've just had the release of :chrome: Chrome 147, which means border-shape was enabled by default! 👀
https://css-tip.com/border-shape/
Another property to create CSS shapes, but not only that! We can do a lot of fancy stuff with it. Many cool demos/articles are on the way 🤩
#CSS #HTML
Replies (5)
-
@css@front-end.social 2026-04-08 18:56
Example of shapes created with a single image element Demo: https://codepen.io/t_afif/full/jEMvwyP via :codepen: @codepen #CSS #HTML
-
@css@front-end.social 2026-04-09 13:34
My blob generator is ready to give you border-only blob shapes. https://css-generators.com/blob/ Update your Chrome and give it a try! #CSS #HTML
-
@css@front-end.social 2026-04-10 10:08
Straight line as a divider: Boring! 🥱 Random wavy line as a divider: Yes, please! 🤩 https://css-generators.com/wavy-divider/ Another CSS generator ready for border-shape! #CSS #HTML
-
@gundersen@mastodon.social 2026-04-08 12:01
@css this is big!
-
@viraptor@cyberplace.social 2026-04-10 10:23
@css Yes! Turn all kikis into boubas!