"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

What would a negative border radius even be

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

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

Who said range sliders need to be straight and... boring?! Hey CSS, distort the line! 〰️ Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)show more

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

Moeller gets out of the inning thanks to an... AMAZING play by Donovan Glosser and Reggie Watson III Mid 2️⃣ Perrysburg 0 | 1 | 0 〽️oeller 2 | 3 | 0show 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

You can't draw too far outside the border boundary,... but it's not too difficult.show 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

Team Shannon goes on a run! Led by triples... from Puka Nacua and Dylan Wang 🎯🎯 #RufflesCelebGame on ESPNshow more