Can you help me out, mastodon? 🦣

When exactly did `outline` start following the `border-radius` rounding? Because in the beginning, that wasn't the case. When did that change? When did the change land in browsers?

Thank you!

Boosts appreciated.

#CSS #code #coding #frontend #web #dev #borderRadius #webDevelopment #webDev

Ever want a box where the padding or content box (inner) rounding is bigger than the border-radius?

You can do it with a single element, no pseudos! Here's my take on it, including the particular case where you don't want any outer rounding, but sharp corners https://www.reddit.com/r/css/comments/1jvs81s/comment/mmeibts/

Live demo on @codepen
https://codepen.io/thebabydino/pen/rNJbEqM

#CSS #borderRadius #coding #frontend #web #dev #webDev #webDevelopment #code

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 )

#CSS #clipPath #cssClipPath #coding #web #dev #webDev #webDevelopment #code #frontend #borderImage #borderRadius

🟨 Solving Background Overflow With Inherited Border Radii

by Zell Liew @zellwk at @csstricks

#webdev #css #BackgroundOverflow #BorderRadii #borderradius

https://css-tricks.com/preventing-child-background-overflow-with-inherited-border-radii/

 Check out our new tool for #css #borderradius from Nils and our developer Mirko:

https://medium.com/9elements/css-border-radius-can-do-that-d46df1d013ae