Как сделать скругления блока?
Подскажите пожалуйста как сделать такие волны сверху и снизу блока? В макете есть два ветора, когда наводишь на них показывает верхние и нижние волны.
Ответы (1 шт):
Автор решения: Anisimov
→ Ссылка
Первым делом вы должны создать основной блок, а затем добавить сверху и снизу эти две волны, например, при помощи ::after и ::before.
.block::after, .block::before{
height: 40px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.block::before{
background: url(img/up_wave.png);
}
.block::after{
background: url(img/down_wave.png);
}