通过向上滑动动画过渡背景色

为了 向上滑动背景色， 您需要使用背景图片或某种渐变，同时逐步调整

background-position

.box {    width: 200px; height: 100px;    background-size: 100% 200%;    background-image: linear-gradient(to bottom, red 50%, black 50%);    transition: background-position 1s;}.box:hover {    background-position: 0 -100%;}