"border-radius and shape-outside" by Shannon Moeller

The new corner-shape CSS property unlocks exciting new UI... patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;show more

When nesting elements the outer border radius should always... equal the inner border radius + padding.show more

Added "corner radius" / rounding, which is easy to... apply to any SDF shape that has an exact (outer) distance function - just subtract the radius from the scale and then offset the computed distance by the same radius. So you get rounded shapes "for free" with 1 subtraction. 1/show more

How to create a customizable 'flipped' border-radius in CSS ↓

This border-radius transition 🤌🏽 Believe it or not, it's... just CSS.show more

OoooOOooh! Guess what! As of Chrome 149, shape() works... in shape-outside! So you can really *shape* your UI's 😉* rect() and xywh() are also supported for shape-outside in Chrome 149 *(just let me have my Mom joke)show more

I created a custom 'border radius' component that, besides... classical 'radius,' also has a 'roundness' property. It allows for creating, IMO, a way more 'interesting' and 'appealing' effect. Fun fact - Apple uses exactly this for iPhone and other devices (show more

Saved you a click When you want to adjust... a corner radius, the controls will now appear inline when that shape is selectedshow more

Down goes Moeller!!!! Aves win!!!!!!!

And just like that… Moeller takes the lead. Ponatoski... throws a dart to Reggie Watson as Moeller’s offense has suddenly come alive. Trinity 14 Moeller 17 5:06 | 3rd Qshow more

Thank you Keenan Bailey and Sean Binckes for a... great Ohio State Football game day experience! Congrats on the big win. Archbishop Moeller Football Bert Bathiany V Nick Finn Chris Gray Moeller Crusadersshow more

Moeller junior Jack Mallabar converts a 47-yard FG as... 2Q concludes. Halftime: Moeller 17, St. X 13. ⁦WCPO 9⁩show more

Border Patrol agent outside of immigration court in NYC... He’s reviewing printed warrants for illegal aliens they plan to detain and deportshow more

If you haven’t tried Cybertruck’s steer-by-wire and 4-wheel steering... system, you must. It has the same turning radius as a Sedan.show more

Touchdown Moeller! Matt Ponatoski tosses to Reggie Watson in... the end zone, one player after Moeller’s defense forced a turnover. It’s 14-0 Moeller over La Salle, 2Q.show more

Moments take shape with #GucciLido, framed by quiet stretches... and open skies. Discover moreshow more

You can't draw too far outside the border boundary,... but it's not too difficult.show more

Four-time state champion coach Steve Specht discussing Moeller senior... QB Matt Ponatoski. St. Xavier (4-0) plays Moeller (3-1) Friday night at West Clermont. WCPO 9show more

This bugs me more than it should. This is... Ghostty, but it happens to other software. Characters on the corners are cropped by the border radius of the window. I like macOS in general, but wish Apple would roll back the rounded corners a tad.show more

Footage obtained from Chaman border shows drones sent by... the Pakistan Armed Forces flying over areas adjacent to the Afghanistan border. Afghan Talibans have abandoned the border and gone into hiding.show more