3 Formen

9 Flexible Ellipsen

Das Problem

Möglicherweise ist Ihnen schon aufgefallen, dass jedes quadratische Element mit einem ausreichen großen border-radius in einen Kreis verwandelt werden kann. Zum Beispiel so:

background: #fb3;width: 200px;height: 200px;border-radius: 100px; /* >= halbe Seitenlänge */

image

Abbildung 3.1Ein Kreis, erzeugt mit festen Werten für Breite und Höhe und border-radius mit der Hälfte dieses Werts.

Außerdem haben Sie vermutlich gemerkt, dass jeder Radius größer als 100px einen Kreis ergibt. Der Grund liegt in der Spezifikation:

»Wenn die Summe zweier benachbarter ...

Get CSS Secrets now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.