CSS gradiendi generaator
Looge oma brauseris lineaarne, radial- ja kooniline CSS gradiendid.
Värvipakkumine
Kasutage peatamise käepide või klaviatuuri püünte, et muuta positsioone. Iga peatamine sisaldab selget värvi, ebamäärasust ja protsenti.
Broneerimiskõlblikud kohalikud töötlemised
Teie gradient jääb selles brauseris. ei ole värve ega genereeritud CSS saadetakse Convertrile.
piiratud impordi grammatiline
Importid aktsepteerivad lineaarset gradient(), radialist gradienti(), või koonilist gradiendi(), millel on hex värvid ja protsendid. deklaratsioonid, URL-id, muutujad ja tundmatu funktsioonid on kohalikult keeldutud.
kättesaadavad tagasilöökud
Genereeritud CSS sisaldab tugevat taustvärvi tagasilöögi koos gradiendiga toetatutele renderitele ja kättesaadava kontrollkromi jaoks.
Korduma kippuvad küsimused
Kas minu gradient on üles laaditud?
Gradient seisund, värvid, imporditud CSS ja genereeritud CSS jäävad teie brauseris.
Milliseid CSS-gradienttipeid toetatakse?
Generaator loob lineaarne gradient(), radialgradient() ja kooniline gradients() väljund mitmel hex värvipakendil.
Mida ma saan importida?
Importimine aktsepteerib tahtlikult piiratud grammat, kasutades ühe toetatud gradientfunktsiooni, hexi värve, valikainete protsendimäära ja piiratud nurga või asukoha väärtusi.
CSS gradiendi generaator
Ehita lineaarne või radial CSS gradiendid ja eelvaade värvipunktid, nurk, positsioon ja kordamine.
- Sisend
- Gradient tüüp, värvi peatused, asukohad, nurk ja korduvad seaded.
- Väljund
- Elav eelvaade ja kopeeritav CSS taustakiri.
- Tegelik piirangud
- Browseri rendering võib mootorite järgi veidi erineda ja tööriist ei hinnata kontrasti ega garanteeri toetust pärandlikes brauserites.
- Privaatsus ja andmete töötlemine
- Gradient tüüp, värvipunktid, asukohad, nurk ja korduvad seaded töödeldakse selles brauseri tabis. konverter ei saa ega salvestada seda; lehekülje sulgemine või uuesti laadimine puhastab tööolukorda, välja arvatud juhul, kui tööriist selgelt pakub kohalikku allalaadimist.
Kuidas seda tööriista kasutada
- Pakkuge gradient tüübi, värvi peatused, positsioonid, nurk ja korduvad seaded tööriista kontrollides.
- Valige seaded, mis mõjutavad elava eelvaate ja kopeeritava CSS taustakiri, seejärel tööriista.
- Vaadake elavat eelvaadet ja kopeeritavat CSS-tallkirja enne selle kopeerimist või allalaadimist.
Ühine ebaõnnestumismudel
Puuduv värvipostitus, puudulik värv või kokkusobimatud asukoht takistab kehtiva CSS deklaratsiooni ehitamist.
Kasulik näide
Looge 90 kraadi lineaarne gradient #111827 0% kuni #f59e0b 100% ja koopiage deklaratsioon.