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


Если вам средствами CSS необходимо реализовать кроссбраузерный градиент, то можно воспользоваться следующим приёмом:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7C80', endColorstr='#000000'); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#FF7C80), to(#000000));
background: -moz-linear-gradient(top,  #FF7C80,  #000000); /* firefox 3.6+ */
background: -o-linear-gradient(top,  #FF7C80,  #000000); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FF7C80,  #000000); /* IE10+ */ }

В результате вы получите вот такой градиент:

 

 


Тэги:

Комментарии: 0

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

 
 
 

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

 
 
Сообщение *
 
Проверочный код *
 
 
 
Яндекс.Метрика