How to use wavebg

Get started by choosing your theme on wavebg!
Then copy your SVG and have it ready!

Step 1

Inside your project folder, create another folder named
assets then create a file named wavebg.svg .
Copy your SVG into wavebg.svg file.

Step 2

Adding CSS

simple way for adding the wavebg background

CSS Example:

.body {
background-image:url('./assets/wavebg.svg'); background-size:100%;
}

add a div with a class named container.

<div class="container"></div>

CSS Example 2:

.container {
text-align: center;
color: #fff;
min-height: 100vh;
width: 100%;
background-image: flex;
flex-direction: column;
Justify-content: center;
background-size: cover;
background-position: center;
background-image: url('./assets/wavebg.svg');
background-attachment: fixed;
}

You can play around with this to make it how you like it!

You have now used the wavebg! Have fun making your project