CSS lineāro gradientu ģenerators
Veidojiet CSS gradientus vizuāli: lineārs, radiāls vai konisks veids, leņķa slīdnis un līdz pat sešām krāsu pieturām ar dzīvu pilna platuma priekšskatījumu un kopējamu kodu.
Rezultāts
Šajā lapā tiek atvērts gradienta ģenerators ar jau atlasīto lineāro veidu. Velciet leņķa slīdni, lai pagrieztu izbalēšanu, pielāgotu krāsu pieturas un pilna platuma priekšskatījumu, kā arī CSS līnijas atjauninājumu katrā ievadē.
linear-gradient() krāso krāsas pa taisnu līniju — līdz šim visvairāk izmantotais gradients CSS. 90° virzās no kreisās uz labo pusi, 180° no augšas uz leju, un jebkurš leņķis starp tiem veido diagonāli; pieturas pozīcijas procentos nosaka, kur katra krāsu josla sāk saplūst ar nākamo.
Kad priekšskatījums izskatās pareizi, kopējiet fona līniju savā stila lapā. Ja vēlaties sākuma punktu, nevis tukšu lapu, saulrieta, okeāna un pasteļtoņu iepriekš iestatītās lapas atver šo pašu rīku ar jau ielādētiem pārbaudītiem krāsu pāriem.