CSS3 linear gradient. Кроссбраузерный линейный градиент
Все больше приходит нашу жизнь CSS3! Мы очень любим эту технологию и с удовольствием используем ее в своих разработках. Но есть определенные проблемы с браузерами, связанные с отставанием некоторы из них от новейших тенденция в веб-разработке, поэтому приходится исхищряться с кодом и писать кроссбраузерные стили.
Далее представлен кроссбраузерный стиль для линейного градиента:
div.css3gradient { padding: 3px; border: 1px dashed #ccc;
background: #fff url('images/grad.png') no-repeat;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#ccc,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
filter: progid:DXImageTransform.Microsoft.gradient
(enabled='true',startColorstr=#cccccc,endColorstr=#ffffff,GradientType=0); zoom: 1;
background: linear-gradient(top,#ccc,#fff);
background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box;
background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box;
}
Пользуемся на здоровье! Мы за современный и качественный веб! Обращаем внимание на новую услугу - создание сайтов недорого, для клиентов ограниченных определенным бюджетом!