Gradient Map
Maglagay ng CSS color at posisyon upang gumawa ng lokal na gradient snippet.
Paano gamitin
Paano gamitin
- Maglagay ng 2–8 CSS color stop kasama ang posisyon sa porsiyento.
- Bumuo at suriin ang CSS at SVG output.
- Kopyahin ang lokal na output papunta sa proyekto.
Paglalagay ng stop
Maglagay sa bawat linya ng CSS color at posisyon sa porsiyento, gaya ng #111111 0% at #eeeeee 100%. Sinusuri ang kulay at nililimitahan ang posisyon sa 0–100%.
Dalawang lokal na output
Gumagawa ito ng CSS linear-gradient declaration at SVG linearGradient stop fragment. Walang image palette o hindi napatunayang preset color.
Lokal na pagproseso
Sa browser ginagawa ang gradient text at hindi ito ina-upload.
Mga madalas itanong
Maaari mo ring alamin
Ilang stop ang maaari kong gamitin?
Gumamit ng 2 hanggang 8 stop.
Anong mga kulay ang tinatanggap?
Tinatanggap ang CSS hex, rgb/rgba, at hsl/hsla na kayang basahin ng browser.
May preset palette ba?
Wala. Ikaw ang maglalagay ng kulay at posisyon.