Tabs mit äußerem Randradius

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Stellen Sie sich einen realen Registerkartenordner vor. Die Registerkarten darin sind nicht nur oben abgerundet, sondern sie sind auch mit einer abgerundeten Kante mit dem Ordner verbunden. Obere Ecken, einfach, nur border-radius. Untere Ecken, nicht so einfach. Steve Smith hat eine clevere Technik mit Pseudo-Elementen veröffentlicht, um dies zu erreichen.

Ich habe genau dieselbe Idee, die ich für einige bevorstehende Vorträge verwende, aufgegriffen und so habe ich es gemacht.

Direkter Link →