Generator prijelaza

Izradi linearni ili radijalni prijelaz od bilo kojih boja, postavi kut i kopiraj gotov CSS kod ili preuzmi sliku.

Boje prijelaza
Vrsta
Kut 135°
klikni i kopiraj

Isprobaj i ovo

Svi besplatni alati →

Što je prijelaz boja?

Prijelaz (gradijent) je postupan prijelaz između dviju ili više boja. U web dizajnu prijelazi se često koriste za pozadine, gumbe i zaglavlja. Daju dubinu i moderan izgled uz minimum koda.

Linearni ili radijalni prijelaz?

Linearni prijelaz mijenja boju duž pravca. Smjer određuješ kutom (0° pokazuje prema gore, 90° udesno). Radijalni prijelaz počinje u središtu i širi se u krug. Ovaj generator izrađuje obje vrste i daje ti odgovarajući CSS kod (linear-gradient ili radial-gradient).

Kako ga koristiti u CSS-u

Kopiraj kod i zalijepi ga u svojstvo background svog elementa. Možeš dodati više boja i urediti svaku od njih. Ako ti uz to treba i usklađena paleta boja, isprobaj Besplatni alatigenerator paleta. Prije postavljanja teksta provjeri kontrast.

Mrežni prijelaz (mesh gradient)

Način Mesh miješa nekoliko boja u meke mrlje po cijeloj slici, poput pozadina modernih aplikacija. Dodirom na Nasumično premještate boje, kopirate CSS ili preuzimate sliku ili pozadinu za mobitel.