Generator prelaza

Napravi linearni ili radijalni prelaz od bilo kojih boja, podesi ugao i kopiraj gotov CSS kod ili preuzmi sliku.

Boje prelaza
Tip
Ugao 135°
klikni i kopiraj

Isprobaj i ovo

Svi besplatni alati →

Šta je prelaz boja?

Prelaz (gradijent) je postepen prelaz između dve ili više boja. U veb dizajnu prelazi se često koriste za pozadine, dugmad i zaglavlja. Daju dubinu i moderan izgled uz minimum koda.

Linearni ili radijalni prelaz?

Linearni prelaz menja boju duž prave linije. Smer određuješ uglom (0° pokazuje nagore, 90° udesno). Radijalni prelaz počinje u centru i širi se u krug. Ovaj generator pravi obe vrste i daje ti odgovarajući CSS kod (linear-gradient ili radial-gradient).

Kako ga koristiti u CSS-u

Kopiraj kod i nalepi ga u svojstvo background svog elementa. Možeš da dodaš više boja i da urediš svaku od njih. Ako ti uz to treba i usklađena paleta boja, isprobaj Besplatni alatigenerator paleta. Pre postavljanja teksta proveri kontrast.

Mrežni prelaz (mesh gradient)

Režim Mesh meša nekoliko boja u meke mrlje po celoj slici, kao pozadine modernih aplikacija. Dodirom na Nasumično pomerate boje, kopirate CSS ili preuzimate sliku ili pozadinu za telefon.