Градиент на CSS

stream

Support
Команда форума
Регистрация
09.09.14
Сообщения
957
Реакции
625
Баллы
93
Как бы довесок к этому. Градиент можно сделать не только с использованием графического элемента.
Пример:
HTML:
<!DOCTYPE html>
<html> <head> <meta charset="win-1251"> <title>Градиент</title> <style> body { background: linear-gradient(#ffffff, #008000) fixed; } div { width: 70%; margin: auto; min-height: 2000px; background: #fcfcfc; } </style> </head> <body> <div></div> </body>
</html>
Получится что-то вроде такого:
screen_gradient.gif

...Для наглядности добавлен белый блок, чтобы можно было убедиться, что при прокрутке страницы градиент зафиксирован, и остается на месте.
 

Володимир

Разработчик Plexengine
Только чтение
Регистрация
06.03.18
Сообщения
31
Реакции
5
Баллы
8
Возраст
32
а можно и так background: linear-gradient(45deg, #00796b 0%, #673ab7 100%); и крути и верти в какую сторону хочешь
 
Сверху Снизу