Линейные и повторяющиеся градиенты CSS
Создание сайтов с нуля - урок 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). При указании градусов направление изменяется по часовой стрелке...
CSS-градиент
CSS-градиент представляет собой переходы от одного цвета к другому. Градиенты создаются с помощью функций linear-gradient() и radial-gradient(). Градиентный фон можно устанавливать в свойствах background, background-image, border-image и list-style-image. Как сделать градиент в CSS Поддержка браузерами IE: 10.0
Firefox: 16, 3.6 -moz-
Chrome: 26.0, 10.0 -webkit-
Safari: 6.1, 5.1 -webkit-
Opera: 12.1, 11.1 -o-
iOS Safari: 7.1
Opera Mini: —
Android Browser: 4.4, 4.1 -webkit-
Chrome for Android: 44 1...