147 подписчиков
Стандартное (минимизированное) использование радиального градиента: background: radial-gradient (red, blue). Начальный цвет – в центре градиента, конечный – по краям. Положение центра градиента можно изменить: background: radial-gradient (at 30px 100px, red, blue). При этом, 30 – отступ слева, 100 – слева. Положение центра градиента также можно задавать в процентах или при помощи ключевых слов: top, bottom, left, right, center. Задание размера градиента: background: radial-gradient (red 0px, red 20px, blue 60px, blue 100px). Переходов цветов в градиенте может быть сколько угодно. Форма градиента по умолчанию эллиптическая – ellipse...
5 лет назад
273 подписчика
Градиенты — это плавные перетекания одних цветов в другие, используемые, в основном, для фона. В CSS градиенты бывают двух типов: линейные и радиальные. Линейные градиенты задаются функцией linear-gradient(), которая принимает в качестве параметров направление градиента (в радианах - deg) и список точек (минимум 2), содержащие цвет и позицию точки (в процентах). .gradient { background: linear-gradient( 90deg, /* задаём направление градиента */ blueviolet 0%, /* задаём цвет и позицию...
4 года назад