Best Free CSS Gradient Generator

Kumanga linear ndi radial CSS gradients ndi kuyankhulana kumbuyo - kope code kumbuyo.

Kuwala: 90°
100% ufulu Simungalembetse Sichikhala ndi watermark
Go Pro kwa zabwino AI mafano - chithunzi, kanema ndi kucheza - kuphatikizapo zowonjezera zowonjezera, cholinga m'gulu ndi palibe kuyembekezera. Kusintha kwa Pro
Ubwenzi Best.Free? Share it

Momwe zimagwira ntchito

  1. Sankhani mtundu. Sankhani liwiro kapena radial, ndi kuika angular kwa liwiro gradient.
  2. Sankhani mabala ndi masitayilo. Sewerani mitundu iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri kapena iwiri.
  3. Kopa CSS. Hit Kokani CSS ndi kuika mthunzi kumbuyo m'manja wanu stylesheet.

Zachidule

Kumanga CSS gradient ndi maso osati kusintha matanthauzo a kuwala. Kusintha pakati pa linear ndi radial, kunyamula angular kwa gradient ya linear, ndi kusankha mitundu ndi malo kwa osachepera ma stops awiri pamene kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa kutalika kwa

Ziti anthu agwiritsa ntchito kwa

  • Design a hero or section background gradient
  • Chotsani
  • Blend awiri kapena atatu mtundu maonekedwe bwinobwino
  • Kulenga kuwala kwa radial kapena kuwala kwa vinyet

Mafunso ofunsidwa nthawi zambiri

Mtundu wa mthunzi wa linear umagwirizana ndi mzere woyenda mozungulira pa kutalika komwe mwasankha; mtundu wa radial umagwirizana ndi mthunzi wa mthunzi wa radial kudzera m'malo ozungulira kapena ozungulira.

Kwa linear gradient, kutalika kumapangira njira yophatikizira - 0° kumapita pansi-kumwamba, 90° kumapita kumanzere-kumanja, ndi zina zotero.

Mtundu uliwonse wa kuletsa ndi mtundu womwe umaikidwa pa peresenti m'mbali mwa gradient. Kusinthanitsa kwa kuletsa kumasintha komwe mtunduwo umapezeka ndi momwe kuphatikizika kumakhalira.

Yani. Pezani zosankha za Advanced kuti muwonjezere kuletsa kwa mtundu wachitatu, kuikidwa pakati pa woyamba ndi womaliza kuti mupange kuphatikizika kwa mitundu ina.

Sichoncho. Mabala ndi kuletsa ndi anasintha mu CSS mzere m'malo m'manja wanu browser.

Choyamba, palibe akaunti ndi zoletsa - chida cha client-side chomwe sichingakhale ndi chilichonse chowerengera.

Yaiwala. Ndikuyenda m'masamba anu, choncho CSS Gradient Generator imagwira ntchito pafoni ndi ma tablet komanso pa desktop - palibe pulogalamu yokhazikitsa.

Nthawi zambiri, nthawi ya masekondi angapo ya mtundu wa fayilo - CSS Gradient Generator imayamba ntchito nthawi yomweyo mumawapatsa ma input anu.

Kugwiritsa ntchito nthawi zonse sikunalibe malire, pansi pa chingwe choyenera chogwiritsa ntchito chomwe chimasunga mwachangu kwa aliyense.

CSS Gradient Generator amathandiza onse owerenga amakono - Chrome, Safari, Firefox ndi Edge. CSS Gradient Generator amafuna chilichonse chophatikizidwa m'malo mwa owerenga omwe mwagwiritsa ntchito kale.

Zokhudzana ndi zida

Kulemba patsamba lino
5.0/5 (0)

Kodi tingachitire chiyani kuti tisinthe? Maganizo anu amatithandiza kuchotsa mavuto.