Barevné přechody

Barevné přechody v CSS umožňují plynulé přechody mezi dvěma nebo více barvami. CSS poskytuje různé typy přechodů, které lze použít k vytváření vizuálně atraktivních efektů na webových stránkách. Nejpoužívanější typy jsou lineární přechody a radiální přechody.

Lineární přechody (linear gradients) v CSS umožňují plynulé přechody mezi dvěma nebo více barvami podél přímky. Jsou užitečné pro vytváření efektních pozadí a dalších vizuálních prvků. 


    směr přechodu jde nastavit podle úhlu (90deg apod.) nebo podle slov:
    to right: Zleva doprava.
    to left: Zprava doleva.
    to top: Zdola nahoru.
    to bottom: Shora dolů.
    Kromě toho existují i šikmé směry, například to bottom right: Zdola doprava.

    Přechod se umí také opakovat a vytvářet opakující se vzory. Opakování jde nastavit např. podle procent.
    Jde si pohrát i s více barvami a průhledností.

Radialní přechody (radial gradients) v CSS umožňují vytvářet kruhové nebo eliptické barevné přechody.
Tento typ přechodu mění barvu od centrálního bodu směrem ven k okrajům, což může vytvářet různé zajímavé vizuální efekty.

Směr přechodů a další nastavení je stejné jako u radiálních (barvy, průhlednoti apod.)



příklad radialního přechodu