html怎么做滚动的背景页面,纯CSS实现的页面向下滚动时改变背景图片

html怎么做滚动的背景页面,纯CSS实现的页面向下滚动时改变背景图片

CSS

语言：

CSSSCSS

确定

body {

margin: 0;

}

.content,

.wrapper:before {

box-sizing: border-box;

display: block;

font-size: 4em;

padding: 1em;

width: 6em;

height: 3em;

position: fixed;

top: 50%;

left: 50%;

-webkit-transform: translate3d(-50%, -50%, 0);

transform: translate3d(-50%, -50%, 0);

}

.content {

font-weight: bold;

text-align: center;

z-index: 1000;

background: #fff;

color: #000;

mix-blend-mode: lighten;

}

section {

background-repeat: no-repeat;

background-size: cover;

isolation: isolate;

position: relative;

height: 100vh;

padding: 1em;

}

.wrapper {

clip: rect(auto aut