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

Ookeani 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, kus on laaditud valmis ookeani fade: sügav sinakassinine #2193b0, mis voolab heledasse akvatoori #6dd5ed. Täislaiuses eelvaade renderdab selle korraga ja tausta CSS-rida on kopeerimiseks valmis.

Sinine-sinine gradiendid on kasutajaliidese kõige turvalisem valik: need annavad märku rahulikust ja usaldusest, hoiavad valge ja tumeda teksti mõlemas otsas loetavana ning sobivad ühtviisi hästi armatuurlaudade, SaaS-i sihtlehtede ja bänneritega. Mõlemad peatused jagavad sama lahedate toonide perekonda, nii et segu jääb kogu pikkuses puhtaks.

Tarnige see sellisel kujul või reguleerige: suurendage vertikaalse sügavuse efekti saamiseks nurka või lisage 100% peaaegu valge tõke horisondi sära saamiseks. Kui vajate nuppude ja aktsentide jaoks sobivaid ühevärvilisi värve, loob sellel saidil olev värvipaleti generaator harmoonia mõlemast peatusest.

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