Generator ng CSS Gradient
Gumawa ng linear, radial, at conic CSS gradient sa iyong browser.
Mga hinto ng kulay
Gamitin ang mga hawakan ng hintuan o mga arrow sa keyboard para baguhin ang mga posisyon. May tahasang kulay, opacity, at porsyento ang bawat hintuan.
Lokal na pagproseso sa browser
Nananatili ang iyong gradient sa browser na ito. Walang kulay o nabuong CSS na ipinapadala sa Convertr.
May hangganang grammar ng pag-import
Tumatanggap ang pag-import ng linear-gradient(), radial-gradient(), o conic-gradient() na may hex na kulay at porsiyento. Lokal na tinatanggihan ang mga deklarasyon, URL, variable, at hindi kilalang function.
Fallback na naa-access
Kasama sa nabuong CSS ang solid na fallback na background-color, kasama ng gradient, para sa mga renderer na hindi sumusuporta rito at para sa mga kontrol na naa-access.
Mga Madalas Itanong
Na-upload ba ang gradient ko?
Hindi. Ang gradient state, colors, imported CSS, at generated CSS ay nananatili sa iyong browser.
Aling mga CSS gradient type ang suportado?
Gumagawa ang generator ng output na linear-gradient(), radial-gradient(), at conic-gradient() na may maraming hex na hintuan ng kulay.
Ano ang maaari kong i-import?
Tumatanggap ang pag-import ng sadyang limitadong grammar gamit ang isang suportadong gradient function, hex na kulay, opsyonal na porsiyento, at limitadong halaga ng anggulo o posisyon.
Mga kaugnay na tool para sa developer at disenyo
Generator ng CSS Gradient
Gumawa ng linear o radial CSS gradient at i-preview ang mga color stop, anggulo, posisyon, at pag-uulit.
- ang input
- Uri ng gradient, mga color stop, posisyon, anggulo, at mga setting ng pag-uulit.
- Mga output
- Isang live na preview at CSS na deklarasyon para sa background na maaaring kopyahin.
- Mga tunay na limitasyon
- Maaaring bahagyang mag-iba ang pag-render depende sa browser engine. Hindi sinusuri ng tool ang contrast at hindi nito ginagarantiyahan ang suporta sa mga lumang browser.
- Privacy at paghawak ng data
- Ang uri ng gradient, mga color stop, posisyon, anggulo, at mga setting ng pag-uulit ay pinoproseso sa browser tab na ito. Hindi ito tinatanggap o iniimbak ng Convertr; mabubura ang kasalukuyang gawain kapag isinara o ni-reload ang page, maliban kung tahasang nag-aalok ang tool ng lokal na download.
Paano gamitin ang tool na ito
- Ilagay ang uri ng gradient, mga color stop, posisyon, anggulo, at mga setting ng pag-uulit sa mga kontrol ng tool.
- Piliin ang mga setting na nakaaapekto sa live preview at CSS background declaration na maaaring kopyahin, pagkatapos ay patakbuhin ang tool.
- Suriin ang live preview at makokopyang deklarasyon ng CSS background bago ito kopyahin o i-download.
Mga karaniwang sanhi ng pagkabigo
Pinipigilan ng nawawalang color stop, maling color, o hindi tugmang posisyon ang pagbuo ng wastong CSS declaration.
Kapaki-pakinabang na halimbawa
Gumawa ng 90-degree linear gradient mula #111827 sa 0% hanggang #f59e0b sa 100% at kopyahin ang declaration.