→ При разработке сайта лендинг в подарок! ЖМИ! ←
Сен
1

Кроссбраузерный градиент на CSS3

С недавнего времени стало возможным делать градиенты не только картинками, но и посредством правил стандарта CSS3. Эти штуки работают во всех современных браузерах, включая Opera (да-да! совсем недавно было заявлено, что в Opera подобные штуки не работают). Для начала вот пример без использования градиента (здесь скрины сделаны именно в Opera, с сайта работа в хабаровске):

Кроссбраузерный градиент средствами CSS 3

Теперь применим к этому блочку такой волшебный CSS код:

1
2
3
4
5
background: #ebebeb;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#efefef)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ddd,  #efefef); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #ddd,  #efefef); /* for Opera */

И получим такую картинку:

Кроссбраузерный градиент на CSS3

Пользуйтесь. Данное решение позволит сократить объем графики на сайте, что уже само по себе очень здорово!

ловля карпа на фидер вся информация об этом на сайте www.inforybaku.ru

Прокомментировать

Рубрики

Наши услуги

В прямом эфире