Generátor CSS šipek
Generátor šipek/trojúhelníků přímo v CSS pomocí okrajů. Funkční i ve starých IE.
Nastavením vyšší šířky okrajů a vynulováním výšky a šířky můžeme docílit vykreslení trojúhelníku přímo v CSS (více o kreslení pomocí CSS).
Jelikož zápis není na první pohled úplně intuitivní, hodí se pro vytváření potřebných šipek použít generátor výsledného CSS.
Co si myslíte o tomto článku?
Diskuse
Související články
CSS item-pack: balance – vyvážené rozložení flex položek
Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.
CSS Container Queries – responsivní komponenty
Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.
CSS Anchor Positioning – posicování elementů relativně k jiným
Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.
Centrování na webových stránkách
Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.