Updating CSS Border Radius When A Container Is Overflowing

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

In this article we’ll create a container element that dynamically adjusts its border-radius when its contents overflows. This week I learned about corner-shape via nerdy.dev . This led me down the path of adding big squircle corners to code blocks in the FilePond documentation. Great! But unfortunately they looked terrible when the scrollbar was active. I wondered if I could detect (with CSS only)…

Read on pqina.nl ↗