mastodon.world: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0
Know how border-image & border-radius don't play nice together?
(interactive https://codepen.io/thebabydino/pen/jxZyed)
#tinyCSStip there's a workaround IF corner radius ≤ border-width: use inset() clip-path + a round value!
clip-path: inset(0 round $r)
@codepen demo: https://codepen.io/thebabydino/pen/qBELJGY?editors=1100
(and yes, this is a tip I first shared on twitter over half a decade ago https://x.com/anatudor/status/1219916121341644807 )
How do you get a zoom effect on an `img`? So that you still have the right click `img` menu and also don't need any extra element?
Here's how on @codepen: https://codepen.io/thebabydino/pen/BaGYPPV
Prompted by coming across a demo that gets the effect with a `div` wrapped in an `overflow: hidden` parent.
️ CSS Clothoid Corners
by Takehiko Ono @onopko
Generate clothoid rounded corners by CSS clip-path.
#webapp #webtools #ClothoidCorners #CSSclipPath
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLogin