Parim vaba CSS gradientgeneraator
Ehitada lineaarsed ja radiaalsed CSS kalded live eelvaatlus ~ kopeerida taustakoodi.
100% vaba
Ei mingit registreerumist
Veemärgita
Mälus töödeldud failid, mida pole salvestatud
✨
Go Pro parimatele AI mudelitele ~ pilt, video ja vestlus ~ pluss suuremad üleslaadimised, prioriteet järjekorras ja ootamata.
Uuenda Pro
Armastus best.free? Jaga seda.
Kuidas see toimib
- Vali tüüp. Vali lineaarne või radiaalne ja määra lineaarse kalde nurk.
- Värvide ja peatuste valimine. Määrab kaks või enam värvi ja nende asukohad; lisab kolmanda peatuse Muud valikud.
- Kopeeri CSS. Vajuta Kopeeri CSS ja aseta taustagradient oma laaditabelisse.
Selle tööriista info
Ehitab CSS gradiendi silma järgi, mitte ei muuda väärtusi pimedaks. Lineaarse ja radiaalse vahelt lülitumine, joongradiendi nurga lohistamine ning värvide ja positsioonide valimine vähemalt kaheks peatuseks, samal ajal kui täislaiusega eelvaatlusriba uuendab otse. Kopeerib tulemuseks oleva taustaomaduse otse laaditabelisse. Täiustatud valikud lisavad kolmanda värvipeatuse rikkamatele segudele ja võimaldavad valida ringi või ellipsi kuju radiaalgradienditele. See kõik töötab brauseris.
Milleks seda kasutatakse?
- Kangelase või sektsiooni taustagradienti kujundamine
- Loo nupp või kaardi gradient täitmine
- Kahe või kolme kaubamärgi värvi sujuv segu
- Radiaalse prožektori või vinjetiefekti genereerimine
Korduma kippuvad küsimused
Lineaarne gradient seguneb mööda sirgjoont valitud nurga all; radiaalne gradient seguneb väljapoole keskpunktist ringi või ellipsina.
Lineaarse gradiendi korral määrab nurk segu suuna ~ 0° läheb alt üles, 90° vasakule-paremale ja nii edasi.
Iga peatus on kalde suhtes protsendiline värv. Peatuse liigutamine muutub seal, kus see värv istub ja kui terav segu on.
Jah. Ava Täpsem võimalusi lisada kolmas värvipeatus, sisestatud vahel esimene ja viimane mitmevärviline segu.
Ei. Värvid ja peatused muudetakse CSS-stringiks brauseris kohapeal.
Täiesti tasuta, kontota ja ei piira ~ kliendi kõrval vahend ilma midagi arvestada.
Jah. See töötab brauseris, nii et CSS Gradient Generator töötab telefonid ja tabletid samuti töölaua ~ seal ei ole rakendust installida.
Tavaliselt vaid paar sekundit tüüpiline fail ~ CSS Gradient Generator hakkab tööle hetkel annad talle oma sisend.
Vabakasutus on piiramatu, tänu heldele õiglase kasutamise piirile, mis hoiab seda kõigi jaoks kiirena.
Kõik kaasaegsed brauserid ~ Chrome, Safari, Firefox ja Edge. CSS Gradient Generator ei vaja midagi paigaldatud väljaspool brauseri juba kasutad.