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

Pastelne CSS-i gradient – valmiskood

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, millele on laetud valmis pastellfade: pulberroosa #ffdde1 seguneb tolmuseks roosiks #ee9ca7. Eelvaate paneel näitab kohe pehmet tulemust, allpool on CSS-i rida valmis.

Pastelsed gradiendid töötavad seal, kus küllastunud gradiendid karjuvad: sisseehitatud ekraanid, kaardid, tühjad olekud ja ilu- või elustiilibränd. Kuna mõlemad peatused on heledad, jääb tume tekst loetavaks kogu pinnal – midagi, mida kõige eredamad kalded ei suuda ilma ülekatteta pakkuda.

Kopeerige joont nii, nagu see on, või pehmendage seda veelgi läbipaistmatusega külgnevaid nippe: liigutage roosipeatust 80% peale ja laske roosal domineerida või pöörake radiaalsele tüübile õrna keskse sära saamiseks. Tööriist värskendab kopeeritavat CSS-i igal sisendil.

🛡️
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.