CSS Gradient generaator
Loo ilusaid CSS-värviüleminekuid visuaalselt reaalajas eelvaatega. Tugi lineaarsetele, radiaalsetele ja koonilistele gradientidele. Lisa väripeatused, kohanda nurki. Kopeeri CSS-kood. Tasuta veebitööriist.
Viide
Mis on CSS-gradiendid?
CSS-gradiendid võimaldavad kuvada sujuvaid üleminekuid kahe või enama määratud värvi vahel. CSS pakub kolme tüüpi gradiente: linear-gradient (liigub sirgjooneliselt), radial-gradient (kiirgub keskpunktist) ja conic-gradient (pöörleb ümber keskpunkti).
Gradienditüübid
Lineaarsed gradiendid üleminevad värve piki sirget joont, mille määrab nurk. Radiaalsed gradiendid kiirguvad väljapoole keskpunktist elliptilisel või ringikujulisel kujul. Koonilised gradiendid pöörlevad värviüleminekuid ümber keskpunkti nagu värviring.
Väripeatused
Väripeatused määravad gradiendi värvid ja nende positsioonid piki gradiendijoont. Saad lisada mitu peatust keerukate mitmevärviliste gradientide loomiseks. Igal peatusel on värviväärtus ja valikuline positsioonprotsent.
Privaatsus
Kogu gradientide genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.