Generátor CSS Přechodů
Vytvářejte zdarma krásné CSS přechody online. Navrhujte lineární a radiální přechody s více zastávkami barev a okamžitě zkopírujte CSS kód.
Preview
CSS Code
Jak to funguje
- Vyberte typ přechodu – lineární nebo radiální – podle toho, co váš design vyžaduje.
- Přidejte barevné zarážky kliknutím na posuvník a vyberte barvy z barevné palety.
- Nastavte úhel nebo směr přechodu pomocí otočného ovladače.
- Sledujte výsledek v reálném čase v oblasti náhledu.
- Zkopírujte vygenerovaný CSS kód jedním kliknutím a vložte ho přímo do svého projektu.
Příklad
Vstup: Lineární přechod: z #3A1C71 (0%) přes #D76D77 (50%) do #FFAF7B (100%), úhel 90°
Výsledek: background: linear-gradient(90deg, #3A1C71 0%, #D76D77 50%, #FFAF7B 100%);
Časté dotazy
Ano, veškeré zpracování probíhá přímo ve vašem prohlížeči. Žádná data nejsou odesílána na žádný server, takže vaše práce zůstává zcela soukromá.
Samozřejmě. Můžete přidat libovolný počet barevných zarážek a vytvořit tak složité vícebarevné přechody.
Generovaný kód je kompatibilní se všemi moderními prohlížeči. Nástroj automaticky přidává potřebné předpony pro širší kompatibilitu.
V současnosti nástroj generuje CSS kód. Gradient můžete zachytit pomocí snímku obrazovky nebo nástrojů pro vývojáře ve svém prohlížeči.