Реклама
Рубрики блога
Архив статей
Облако тегов
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