Generátor přechodů CSS

Generovat dvoubarevný lineární gradient CSS s náhledem.

Grafika Bez ukládání dat

Maximální délka vstupu na pole: 62 kódové body Unicode. Viz provozní limity v pokynech.

Stručný návod

Vyzkoušejte si to s vlastními daty, až budete připraveni.

Vyzkoušejte příklad

Zadejte

Spustit barvu (HEX)
#f00
Druhá barva (HEX)
#00f
Úhel (stupňů)
90

Dostanete

linear-gradient(90deg, #FF0000, #0000FF)
Jak nástroj funguje a jaké má limity

Zadejte neprůhledné hex barvy a CSS úhel od 0 do 360 stupňů, pomocí desetinné čárky. Příklad: červená, modrá a 90 dává linear- gradient (90deg, # FF0000, # 0000FF).

Zkopírujte výsledek jako hodnotu pozadí CSS. Prohlížeč ovládá finální gradient renderování.