CSS by T. Afif @css-only.dev 路 Apr 8 馃挕 CSS Tip! We've just had the release of @developer.chrome.com 147, which means border-shape was enabled by default! 馃憖 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 馃ぉ
43 likes 3 replies
Replies
This is web 4.0
I updated an old codepen with a quick little tooltip prototype (using one of your css-generators examples): codepen.io/maikelkrause... The last shape there. One disappointing aspect I noticed is that the background doesn't extend. Can't combine it with `border-image` either.
This honestly feels like the biggest revolution in web browsers since mosaic to me... true non-rectangular elements? Sure we had ways to do clipping and rounded corners and such, but in the end they were always just rectangles