Градиент CSS · Морская тельняшка

Градиент - морская тельняшка

Линейный градиент CSS чередующий светлый и голубой тон как на морской тельняшке, при желании цвет полос легко можно изменить на любой какой нужен.

Установка градиента CSS

Установка градиента для всей страницы

body{ 
background:linear-gradient(180deg,transparent 50%,#fff 50%),linear-gradient(-180deg,transparent 50%,#fff 50%) blue
}

Установка градиента для блока


<style>
.block-gradient{
width:100%;
height:310px;
background:linear-gradient(180deg,transparent 50%,#fff 50%),linear-gradient(-180deg,transparent 50%,#fff 50%) blue
}
</style>
<div class="block-gradient"></div>

Параметры градиента

Тип градиента
linear-gradient - Линейный градиент
Используемые свойства
background - Свойство применения
Используемые цвета
transparent - прозрачный
#fff
blue - измените на свой

Испытание градиента

Демо градиента


Рейтинг: 5.0/5 из 2



Добавлено Автор Ник Источник Просмотров Комментариев Теги
20-12-2014 Михаил Меренков aTmpl © 1072 0 linear-gradient, градиент