CSS radiālā gradienta ģ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ītu radiālo veidu: krāsas izstaro uz āru no elementa centra koncentriskos apļos, un katra mainītā pietura acumirklī pārkrāso priekšskatījumu.
radial-gradient() ir rīks prožektoru un spīduma efektiem, mīkstām vinjetēm un foniem, kam nepieciešams fokusa punkts, nevis virziens. Pieturu pozīcijas procentos atbilst attālumam no centra — 0% ir vidus, 100% tālākā mala — tātad, pievelkot pirmos pieturus, veidojas mazs spilgts serdenis, to izkliedēšana rada plašu mazgāšanu.
Kopējiet fona līniju, kad priekšskatījums izskatās pareizi. Leņķa slīdnis šajā režīmā ir paslēpts, jo aplim nav virziena — pārslēdzieties atpakaļ uz lineāru vai konisku, un tas atkal parādās.