Градиент 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 - измените на свой
Испытание градиента
Демо градиента