+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Как сделать градиент, градиент с помощью css

В CSS3 появилась возможность добавлять градиент к любому элементу Вашей страницы.
<div class="divGr">Блок с градиентом</div>
.divGr{
width:250px;
height:130px;
/* двухцветный градиент из желтого в красный */
background: #f1da36;
background: -moz-linear-gradient(top, #f1da36 0%, #ef3a37 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#ef3a37));
background: -webkit-linear-gradient(top, #f1da36 0%,#ef3a37 100%);
background: -o-linear-gradient(top, #f1da36 0%,#ef3a37 100%);
background: -ms-linear-gradient(top, #f1da36 0%,#ef3a37 100%);
background: linear-gradient(to bottom, #f1da36 0%,#ef3a37 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ef3a37',GradientType=0 );}
Добавить градиент к Вашему элементу Вам поможет вот этот сайт http://www.colorzilla.com/gradient-editor/ очень удобный и интуитивно понятный интерфейс. Создаете Ваш градиент и просто копируете код


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 609