CSS-liukuvärigeneraattori
Mikä on CSS-liukuväri?
CSS-liukuvärit mahdollistavat kahden tai useamman värin välisten pehmeähköjen siirtymien näyttämisen ilman kuvatiedostoja. Niitä on kolme tyyppiä: linear-gradient (suoraa viivaa pitkin), radial-gradient (säteilevä keskipisteestä) ja conic-gradient (pyörivä keskipisteen ympäri). Liukuvärejä käytetään taustoihin, painikkeisiin, peittokuviin ja koristeellisiin elementteihin.
CSS-liukuvärigeneraattorin käyttö
-
Valitse esiasetus näytteistä tai määritä oma liukuväri.
-
Valitse liukuvärin tyyppi: linear, radial tai conic.
-
Säädä kulmaa (linear/conic) tai muotoa (radial).
-
Muokkaa väripisteitä — vaihda värejä ja sijainteja (0–100%).
-
Lisää tai poista väripisteitä tarpeen mukaan.
-
Kopioi CSS ja liitä se tyylitaulukkoon.
Keywords: CSS liukuvärigeneraattori, lineaarinen liukuväri, radiaalinen liukuväri, kartimainen liukuväri, CSS taustan generaattori, liukuvärin värinvalitsin, CSS gradient työkalu