Градиент через CSS

  • Не нравится
  • 0
  • Нравится
Градиент через CSS Как сделать градиент не используя картинки? Очень просто! Градиент на CSS - это просто :) Правда не валидно, но.. можно обойтись без картинок и фотошопа :)
Работает во всех браузерах. В ИЕ тоже.


body {
background: #999; /* Если браузер не поддерживает градиент, то будет фон */
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#fff000)); /* Для webkit */
background: -moz-linear-gradient(top, #ff0000, #fff000); /* Для firefox 3.6+ */
background: -o-linear-gradient(top, #ff0000, #fff000); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000, #fff000); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#fff000'); /* IE */
}

Первое значение цвета ОТ, а второе ДО.


Пример


Все)

Коментарии