Страницы

Поиск по вопросам

воскресенье, 7 апреля 2019 г.

Градиент на CSS3

Здравствуйте, подскажите, пожалуйста, как сделать такой градиент на CSS3, без картинок. С помощью каких сервисов?


Ответ

* { padding: 0; margin: 0; } div { min-height: 100px; background: #f5f8f9; /* Old browsers */ background: -moz-linear-gradient(left, #f5f8f9 0%, #1d97d3 50%, #0591d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5f8f9), color-stop(50%, #1d97d3), color-stop(100%, #0591d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f5f8f9 0%, #1d97d3 50%, #0591d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f5f8f9 0%, #1d97d3 50%, #0591d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f5f8f9 0%, #1d97d3 50%, #0591d5 100%); /* IE10+ */ background: linear-gradient(to right, #f5f8f9 0%, #1d97d3 50%, #0591d5 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5f8f9', endColorstr='#0591d5', GradientType=1); /* IE6-9 */ }


http://jsfiddle.net/6bv5hmrz/
http://www.colorzilla.com/gradient-editor/ вот есть такой сервис

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

Отправить комментарий