<div class="sample_wrap">
<div class="sample_white"><h2>background-attachment: fixed;</h2></div>
<div class="sample_bg"></div>
<div class="sample_white"></div>
</div>
*{
margin:0;
}
.sample_bg {
background: url(https://apice.biz/wp-content/uploads/2023/05/sky_00199.jpg);
height: 25rem;
background-size: cover;
background-attachment: fixed;
width: 100%;
}
.sample_white {
width: 100%;
padding: 5%;
z-index: 1;
position: relative;
background: #fff;
}
.sample_white h2{
font-size: 20px;
color: #0D6FB8;
border-left: 2px solid #0D6FB8;
padding-left: 10px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.