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;
 }

Пользуемся на здоровье! Мы за современный и качественный веб! Обращаем внимание на новую услугу - создание сайтов недорого, для клиентов ограниченных определенным бюджетом!