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

border-image and border-radius don't play nice together

Sadly, setting `border-image` on an element with `border-radius` makes this `border-radius` to be ignored *for the `border` itself, though it's still r...

Solving Background Overflow With Inherited Border Radii | CSS-Tricks

One of the interesting (but annoying) things about CSS is the background of children's elements can bleed out of the border radius of the parent element.

CSS-Tricks
Vous aussi vous avez une sensation étrange quand vous mettez deux fois la même border-radius à des éléments contenu l’un dans l’autre ?

Cet outil permet de calculer la valeur du
border-radius enfant, en fonction de la taille du padding !

mathieucorcessin.github.io/perfect-rounded-corners/

#CSS #Border-Radius
Perfect nested rounded corners

 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

CSS Border-Radius Can Do That? – 9elements – Medium

How to create very cool effects with a rarely used feature.