Вопросы, с которыми я сталкиваюсь по ходу своей деятельности и их решения. Пишу редко.
Показаны сообщения с ярлыком html. Показать все сообщения
Показаны сообщения с ярлыком html. Показать все сообщения
7 сентября 2012 г.
30 мая 2012 г.
Кроссбраузерный HTML градиент
По мотивам
https://developer.mozilla.org/en/CSS/linear-gradient
.grad {
background-color: #F07575; /* fallback color if gradients are not supported */
background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 80%, 70%)), to(#BADA55));
background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: -moz-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: -ms-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: -o-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: linear-gradient(to bottom, hsl(0, 80%, 70%), #BADA55);
}
Много интересных примеров градиентов CSS
http://www.webmasters.by/images/articles/css-gradient/gradient-box.html
https://developer.mozilla.org/en/CSS/linear-gradient
.grad {
background-color: #F07575; /* fallback color if gradients are not supported */
background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 80%, 70%)), to(#BADA55));
background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: -moz-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: -ms-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: -o-linear-gradient(top, hsl(0, 80%, 70%), #BADA55);
background-image: linear-gradient(to bottom, hsl(0, 80%, 70%), #BADA55);
}
Много интересных примеров градиентов CSS
http://www.webmasters.by/images/articles/css-gradient/gradient-box.html
Подписаться на:
Комментарии (Atom)