V některých případech se hodí kreslit pomocí CSS – může to být rychlejší než příprava obrázku v grafickém editoru.
Kruh jde vytvořit pomocí zakulacení rohů (CSS vlastnost border-radius).
Udělat z kruhu ovál jde potom změnou proporcí elementu (poměr výšky a šířky).
Pro vytvoření elipsy poslouží možnost uvést druhý radius za lomítko.
border-radius: 100px / 50px;
height: 100px;
width: 200px;
Související články
Možnosti stylování <iframe>
Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.
10
minut
Zvýraznění aktivní sekce při rolování
Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.
5
minut
