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

CSS-i radiaalse 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 juba valitud radiaalse tüübiga gradiendigeneraatori: värvid kiirgavad kontsentriliste ringidena elemendi keskpunktist väljapoole ja iga muudetud peatus värvib eelvaate koheselt ümber.

radial-gradient() on tööriist prožektori- ja säraefektide, pehmete vinjettide ja taustade jaoks, mis vajavad pigem fookuspunkti kui suunda. Peatuste asukohad protsentides vastavad kaugusele keskpunktist – 0% on keskmine, 100% kaugeim serv –, nii et esimeste peatuste pingutamisel tekib väike särav südamik, nende hajutamine annab laia pesu.

Kopeerige taustajoon, kui eelvaade tundub õige. Nurga liugur on selles režiimis peidetud, kuna ringil pole suunda – lülituge tagasi lineaarsele või koonilisele ja see ilmub uuesti.

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