Какво е цветова преливка?
Преливката (градиент) е плавен преход между два или повече цвята. В уеб дизайна преливките често се използват за фонове, бутони и заглавни части. Придават дълбочина и модерен вид с минимум код.
Линейна или радиална преливка?
Линейната преливка променя цвета по права линия. Посоката определяш с ъгъл (0° сочи нагоре, 90° надясно). Радиалната преливка започва от центъра и се разширява в кръг. Този генератор създава и двата типа и ти дава съответния CSS код (linear-gradient или radial-gradient).
Как да я използваш в CSS
Копирай кода и го постави в свойството background на своя елемент. Можеш да добавиш още цветове и да промениш всеки от тях. Ако ти трябва и съчетаваща се цветова палитра, пробвай Безплатни инструментигенератора на палитри. Преди да поставиш текст, провери контраста.
Мрежов преход (mesh gradient)
Режимът Mesh смесва няколко цвята в меки петна по цялото изображение, като фоновете на модерните приложения. С докосване на Случайно разместваш цветовете, копираш CSS или изтегляш изображение или тапет за телефона.