⭐ 0
🔍
Tekst Pilt PDF ja dokumendid Heli Muusika Elektroonika Aeg Kommunaalteenused Validaatorid Esoteeriline Mängud

CSS-i lineaarse gradiendi generaator

Looge visuaalselt CSS-i gradiente: lineaarne, radiaalne või kooniline tüüp, nurga liugur ja kuni kuus värvipeatust reaalajas täislaiuses eelvaate ja kopeeritava koodiga.

90°
Töötlemine... 0%

Tulemus

See leht avab gradiendi generaatori, mille lineaarne tüüp on juba valitud. Lohistage nurga liugurit, et pöörata tuhmumist, reguleerida värvipeatusi ja täislaiuses eelvaadet ning CSS-i rea värskendust igal sisendil.

linear-gradient() värvib värve mööda sirgjoont – see on CSS-is seni enimkasutatav gradient. 90 kraadi jookseb vasakult paremale, 180 kraadi ülalt alla ja mis tahes nurk nende vahel annab diagonaali; stopppositsioonid protsentides otsustavad, kus iga värviriba hakkab järgmisega sulanduma.

Kui eelvaade tundub õige, kopeerige taustajoon oma stiililehele. Kui soovite tühja lehte asemel lähtepunkti, avavad päikeseloojangu, ookeani ja pastellsed eelseadistatud lehed selle sama tööriista, mille tõestatud värvipaarid on juba laaditud.

🛡️
Teostatud brauseris

Teie failid ja sisendid ei lahku sellest seadmest kunagi. Töötlemine toimub täiesti võrguühenduseta. 100% turvaline.

Aktsepteeritud vormingud ja reeglid

  • Gradiendi tüübi valimine (lineaarne, radiaalne, kooniline) nurga liuguriga lineaarsete ja kooniliste režiimide jaoks.
  • Värvipeatuste loend: kaks peatust kuni kuue alustamiseks, lisamiseks või eemaldamiseks, millest igaühel on oma värvivalija ja asend protsentides.
  • Kopeeritav tausta CSS-rida pluss valmis eelseadistatud lehed päikeseloojangu, ookeani ja pastelsete gradientide jaoks.

Peamised eelised

✓ Täislaiuses eelvaade värvitakse uuesti iga muudatuse puhul – tüüp, nurk ja iga värvipeatus – nii et kopeeritav CSS on täpselt see, mida nägid.
✓ Kuni kuus värvipeatust üksikute asenditega katavad kõike alates lihtsast kahevärvilisest tuhmumisest kuni keeruka mitmeribalise taustani.
✓ Üks deklaratsioon, kolm mootorit: vahetage lineaarse, radiaalse ja koonusekujulise vahel ilma peatusi ümber ehitamata.

Kasutusjuhtumid

  • • Koostage kangelasliku lõigu taust, lohistades nurga ja värvipeatusi, mitte käsitsi redigeerida linear-gradient() ja uuesti laadida.
  • • Võrrelge ühe lülitiga sama värvi piirdeid lineaarsete, radiaalsete ja kooniliste gradientidega – tõkked kanduvad tüüpe üle.
  • • Võtke päikeseloojangu, ookeani või pastelsete eelseadistuste lehelt tõestatud kombinatsioon ja viige see oma brändi värvidesse.