body {
background-image: url("sakura.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.sakura-container {
position: relative;
height: 100vh;
overflow: hidden;
}
.sakura {
position: absolute;
display: block;
width: 10px;
height: 10px;
background-color: pink;
border-radius: 50%;
pointer-events: none;
}
@keyframes falling {
0% {
transform: translate3d(0
-200px
0);
opacity: 0;
}
* {
transform: translate3d(calc(100vw * var(--x))
-200vh
0);
opacity: 1;
}
}
免责声明:本站内容(文字信息+图片素材)来源于互联网公开数据整理或转载,仅用于学习参考,如有侵权问题,请及时联系本站删除,我们将在5个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)

QQ客服