CSS Gradient -generaattori
Luo kauniita CSS-väriliukuja visuaalisesti reaaliaikaisella esikatselulla. Tuki lineaarisille, radiaalisille ja konisille gradienteille. Lisää väripysähdyksiä, säädä kulmia. Kopioi CSS-koodi. Ilmainen verkkotyökalu.
Viite
Mitä ovat CSS-gradientit?
CSS-gradientit näyttävät tasaisia siirtymiä kahden tai useamman määritetyn värin välillä. CSS tarjoaa kolme gradienttityyppiä: linear-gradient (kulkee suoraa viivaa pitkin), radial-gradient (säteilee keskipisteestä) ja conic-gradient (kiertää keskipisteen ympäri).
Gradienttityypit
Lineaariset gradientit siirtävät värejä suoraa viivaa pitkin kulman määrittämänä. Radiaaliset gradientit säteilevät ulospäin keskipisteestä elliptisenä tai ympyränmuotoisena. Koniset gradientit kiertävät värisiirtymiä keskipisteen ympäri, kuten väripyörä.
Väripysähdykset
Väripysähdykset määrittävät gradientin värit ja niiden sijainnit gradienttiviivalla. Voit lisätä useita pysähdyksiä luodaksesi monimutkaisia monivärisiä gradientteja. Jokaisella pysähdyksellä on väriarvo ja valinnainen sijaintiprosentti.
Tietosuoja
Kaikki gradienttien luonti tapahtuu 100 % selaimessasi. Mitään tietoja ei lähetetä palvelimelle.