CSS funkce – přehled a použití v praxi

CSS funkce jsou speciální výrazy, které se používají jako hodnoty CSS vlastností. Umožňují dynamické výpočty, transformace a pokročilé efekty přímo v CSS.

Mezi nejznámější patří calc() pro matematické výpočty, var() pro práci s CSS proměnnými, rgb() a hsl() pro definici barev nebo url() pro načítání externích zdrojů.

CSS funkce random()

Jak v CSS generovat náhodné hodnoty pomocí random() a kdy ji použít.

3 minuty

CSS mixiny pomocí @apply

Pomocí pravidla @apply jde v CSS vytvářet vlastní mixiny.

1 minuta

Oříznutí CSS vlastností clip

CSS vlastnost clip slouží k oříznutí obsahu elementu.

1 minuta

Zápis průhledné barvy rgba()

Zadávání barev v CSS pomocí rgba() umožňuje vytvořit průhledné jednobarevné pozadí.

2 minuty

CSS counter

Automatické číslování v CSS za pomocí counter-increment, counter-reset a counter.

2 minuty

Gradienty v CSS

Jak vytvořit barevný přechod (gradient) přímo v CSS bez použití obrázku.

3 minuty

Proměnné v CSS – var()

Proměnné přímo v CSS přes funkci var().

2 minuty

Počítání v CSS pomocí calc()

Od Exploreru 9 a mimo starou Operu 12 lze přímo v CSS provádět jednoduché výpočty využitím calc().

2 minuty

CSS funkce toggle()

Nefunguje zatím snad nikde, měla by sloužit k pohodlnému zadávání hodnot pro zanořené elementy stejného názvu.

1 minuta

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků · Témata · Zkratky
2013–2026