Градиент на CSS

stream

Модератор
Команда форума
Регистрация
09.09.14
Сообщения
945
Реакции
582
Баллы
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
Возраст
31
а можно и так background: linear-gradient(45deg, #00796b 0%, #673ab7 100%); и крути и верти в какую сторону хочешь
 
Сверху Снизу