Mga Generator ng Gradient
Makakakuha ng linear, radial, at conic CSS gradients sa iyong browser.
ang mga color stop
Ang mga stop handles o keyboard na pinapili ay gumagamit para sa pag-edit ng posisyon. Ang bawat stop ay may isang eksplicit na kulay, opacity, at percentage.
Ang mga lokasyon ng browser-native processing
Ang iyong gradient ay mag-aalis sa ito browser. Walang mga kulay o generated CSS ay hindi nakuha sa Converter.
Ang limitasyon ng impormasyon
Import ay mag-akcept linear-gradient(), radial-gradent() o conic-graduent() sa hex mga kulay at mga percentage. Mga deklarasyon, URL, variables, at hindi na rin na mga function ay nagbibigay ng lokasyon.
Mga Pag-atake ng Fallback
Ang generated CSS ay may isang solid background-color fallback na nakalipas sa gradient para sa mga hindi nagbibigay ng renderers at accessible control chrome.
Mga Madalas Itanong
Ang aking gradient ay nakuha?
No. Gradient estado, mga kulay, impormasyon CSS, at generated CSS mag-stay sa iyong browser.
Ano ang mga CSS gradient na ay nag-supported?
Ang generator ay nagbibigay ng linear-gradient(), radial-gradent() at conic-gradyent() output sa multiple hex color stops.
Ano ang dapat kong impormasyon?
Ang impormasyon ay mag-akcept ng isang malapit na limitasyon sa grammar gamit ang isang pag-supported gradient function, hex mga kulay, optional mga percentage, at limitasyong angkular o posisyon mga values.
Mga Related Developer at Design Tools
Mga Generator ng Gradient
Makakakuha ng linear o radial CSS gradients at preview ang mga color stops, angano, posisyon, at pag-repetition.
- ang input
- Gradient type, mga color stops, mga posisyon, angkutan, at pag-update ng mga setting.
- Mga output
- Isang live preview at kopya ng CSS background declaration.
- Mga limitasyon
- Ang browser rendering ay maaaring mag-differentiate sa pamamagitan ng engine, at ang tool ay hindi nag-evaluating kontrast o garantiya na suporta sa mga browsers na may kalidad.
- Privacy at ang mga data na nakaraan
- ang gradient type, mga color stops, mga posisyon, angkutan, at ang repetition setting ay nag-processed sa ito browser tab. Converter hindi mag-akumula o mag-stay; pagtuturo o reload ng page ay lumabas ang trabaho na estado, salo ang tool explicitly ay nagbibigay ng isang lokal download.
Paano mag-usuporta ang tool
- Ang mga tip ng gradient, ang mga color stops, ang posisyon, ang angle, at ang repetition setting sa tool controls.
- I-select ang mga setting na may isang live preview at kopyable CSS background declaration, pagkatapos ay i-run ang tool.
- I-cover a live preview and copyable CSS background declaration before copying or downloading it.
Mga Modus ng Pag-aalis
Ang isang walang mga color stop, hindi na ang mga color, o hindi-kompatible position ay nagbibigay ng isang valid CSS declaration upang magbigay.
Mga pahina ng useful
Makakakuha ng isang 90 degrees linear gradient mula sa #111827 sa 0% hanggang sa #f59e0b sa 100% at kopya ang deklarasyon.