can i set 2 background image in one section css

ak ul answered on July 9, 2023 Popularity 7/10 Helpfulness 1/10

answer can i set 2 background image in one section css

can i set 2 background image in one section css

Comment

-1

<section class="dual-background">
  <h2>This is a section with dual backgrounds</h2>
</section>
.dual-background {
  position: relative;
}

.dual-background::before,
.dual-background::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* Adjust the width to your needs */
  height: 100%;
}

.dual-background::before {
  background-image: url('first-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.dual-background::after {
  background-image: url('second-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  z-index: -1;
}

Popularity 7/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: background-image css set

Link to this answer
Share Copy Link

Contributed on Jul 09 2023

ak ul

0 Answers Avg Quality 2/10

can i set 2 background image in one section css

Contents

More Related Answers

can i set 2 background image in one section css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.