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
Jak udělat input s automatickou šířkou podle obsahu
Několik způsobů, jak dosáhnout toho, aby se textové pole rozšiřovalo a zužovalo podle délky zadaného textu.
9
minut
CSS @starting-style
Jak animovat elementy při jejich prvním zobrazení pomocí at-pravidla @starting-style.
12
minut
