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

Sunset 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 gradiendigeneraatori, kus on laaditud valmis päikeseloojangu fade: soe korall #ff7e5f, mis voolab pehmesse virsikusse #feb47b, vasakult paremale. Eelvaade näitab seda kohe täislaiuses ja allolev CSS-rida on valmis kopeerimiseks nii nagu on.

Soojad korallist virsikuni pleekivad toonid on kangelastegude põhiosa, sest need loetakse sõbralikult ja energiliselt, ilma et oleks valget teksti. See paar on värvitooniga piisavalt lähedal, et keskpunkt jääks puhtaks – keskel pole porist halli riba, tavaline tõrkerežiim kaugete värvide vahel.

Kasutage seda muutmata kujul või muutke see enda omaks: pöörake nurka diagonaalse päikeseloojangu jaoks, tõmmake esimene peatus sissepoole, et korallid oleksid tugevamad, või lisage kolmas peatus sügava ploomiga peaaegu 100% hämaruse tunnetamiseks. Iga muudatus värskendab kopeeritavat CSS-i koheselt.

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