241 читали · 4 года назад
CSS: Градиенты
Градиенты — это плавные перетекания одних цветов в другие, используемые, в основном, для фона. В CSS градиенты бывают двух типов: линейные и радиальные. Линейные градиенты задаются функцией linear-gradient(), которая принимает в качестве параметров направление градиента (в радианах - deg) и список точек (минимум 2), содержащие цвет и позицию точки (в процентах). .gradient { background: linear-gradient( 90deg, /* задаём направление градиента */ blueviolet 0%, /* задаём цвет и позицию...
6 лет назад
Создание сайтов с нуля - урок 24 - Линейный градиент на CSS
Линейный градиент задается при помощи свойства background и специальной функции linear-gradient. Самый простой вариант задания линейного градиента: background: linear-gradient (red, blue). Добавим НЕОБЯЗАТЕЛЬНЫЙ параметр – направление, которое по умолчанию направлено сверху вниз: background: linear-gradient (to bottom, red, blue). Обратите внимание на наличие обязательной приставки to. Цвет также можно задавать прозрачным при помощи ключевого слова transparent. Вместо направления можно использовать угол: background: linear-gradient (45deg, red, blue). При указании градусов направление изменяется по часовой стрелке...