CSS – линейный градиент фона

суббота, 25 февраля 2012 14:03:11, написал Admin

Как сделать градиент фону, не прибегая к помощи фоновых рисунков? Современные браузеры поддерживают градиентную заливку с помощью CSS.

 


background:#EFEFEF; /*цвет фона кнопки для браузеров без поддержки CSS3*/
background: -webkit-gradient(linear, left top, left bottom, from(#3437CD), to(#538BFF)); /* для Webkit браузеров */
background: -moz-linear-gradient(top,  #3437CD, #538BFF); /* для Firefox */
background-image: -o-linear-gradient(top,  #3437CD,  #538BFF); /* для Opera 11 */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3437CD', endColorstr='#538BFF'); /* фильтр для IE */

Чтобы сохранить  кроссбраузерность, приходиться писать под каждый интернет-браузер отдельное правило CSS. Особо обрабатывается IE.  В каждом правиле участвует два цвета – начальный и конечный.

CSS Линейный градиент CSS
  

Поделиться статьей с друзьями:

  

Комментарии к статье