Besta ókeypis CSS Gradient Generator
Byggja línuleg og geisla CSS stigar með lifandi forskoðun - afrita bakgrunn kóða.
100% ókeypis
Engin skráning
Engin vatnsmerki
Skrár unnar í minni, aldrei geymdar
✨
Fara Pro fyrir bestu AI módel - mynd, myndband og spjall - auk stærri hleðslu, forgang í biðröð og engin bíða.
Uppfærsla í Pro
Ást best.free? Deila því á Facebook
Hvernig það virkar
- Veldu tegund. Veldu línulega eða geisla og stilltu horn fyrir línulegan stig.
- Veldu liti og stopp. Setja tvo eða fleiri liti og stöðu þeirra; bæta þriðja stöðva í Ítarlegri valkosti.
- Afrita CSS. Hit Copy CSS og líma bakgrunns gradient í stílblaði þínu.
Um þetta tól
Búðu til CSS litstig með auganu í stað þess að breyta gildum blindlega. Skiptu á milli línulegra og geislalaga, dragðu hornin fyrir línulegan litstig og veldu liti og stöður fyrir að minnsta kosti tvo stöðvar á meðan fullbreidd forskoðunarslá uppfærist í beinni. Afritaðu bakgrunnseiginleikann sem myndast beint í stílblaðið þitt. Ítarlegri valkostir bæta við þriðja litstöðvunarstað fyrir ríkari blöndur og leyfa þér að velja hring eða sporbaug fyrir geislalaga litstig. Allt keyrir í vafranum þínum.
Hvað fólk notar það fyrir
- Hönnun hetja eða hluta bakgrunns litstig
- Búa til hnapp eða litatöflufyllingu
- Blandaðu tveimur eða þremur vörumerkjalitum slétt
- Búa til geisla ljósa eða vignette áhrif
Algengar spurningar
Línuleg litatöflu blandar meðfram beinni línu við það horn sem þú velur; Radial litatöflu blandar út frá miðpunkti sem hring eða sporbaug.
Í línulegum stiga er hornið ákvarðað af stefnu blöndunar — 0° fer neðan til efst, 90° vinstri til hægri og svo framvegis.
Hvert stopp er litur sem er settur í prósentuhlutfalli meðfram litatöflunni. Færa stopp breytir hvar liturinn er og hversu skarpur blandan er.
Opnaðu Ítarlegri valkosti til að bæta við þriðja litstöðvun, sett á milli fyrstu og síðustu fyrir fjöllita blöndu.
Nei, litum og stoppum er breytt í CSS streng í vafranum þínum.
Alveg ókeypis, engin reikningur og engin takmörk - viðskiptavinahlið tólið með ekkert að mæla.
Já, það keyrir í vafranum þínum, þannig að CSS Gradient Generator virkar á síma og töflur sem og skrifborð - það er engin app til að setja upp.
Venjulega aðeins nokkrar sekúndur fyrir dæmigerða skrá - CSS Gradient Generator byrjar að vinna um leið og þú gefur það inntak þitt.
Frjálslegur notkun er ótakmarkaður, undir örlátur sanngjarn notkun hettu sem heldur það hratt fyrir alla.
Allir nútíma vafrar - Chrome, Safari, Firefox og Edge.CSS Gradient Generator þarf ekkert uppsett fyrir utan vafrann sem þú notar nú þegar.