Leave the background "crooked" - WORDPRESS

Asked

Viewed 36 times

-2

How to make the background wavy, as on the website of this image below?

_Landing Page_ com desenho ondulado no fundo

wordpress

1 answer

1

Just save a PNG image from with the color of the div, and put it under the same.

Or you can use the code.

.box2 {
    background-color: #FF895B;
    position: relative;
    height: 500px;
}
.box2:after {
    background: inherit;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(1.5deg);
    transform-origin: 0%;
}
<!-- Box 2 -->
<div class="box2">
</div>

Browser other questions tagged wordpress

You are not signed in. Login or sign up in order to post.