How to add a transparent button to an image in css

In this article,you will learn how to add a transparent button to an image or a div using css. See the example below and follow the steps.

1. Create a div element with a class named container and inside the div, create a button element as a child with a class named btn.
2. Now inside the style tag,write some code to style the parent element.
3. I set the parent element as a flex box to center the button and using the background-image property, I have added a background image to the parent element.

 .container{
   display:flex;
   align-items:center;
   justify-content:center;
   background-image:url(https://app.3schools.in/logo.png);
  }

4. Now write some code to style the button. I set the button's background color as transparent using background-color:transparent property.