body{background: #000;}
.sakura {
background-image: url(https://img.alicdn.com/imgextra/i1/2022257841/O1CN01fj6Mx51DVuqz0Bp7v_!!2022257841.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
animation: sakura 10s linear infinite;
}
@keyframes sakura {
0% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
10% {
transform: translateY(-10px) rotate(-5deg);
opacity: 0.9;
}
20% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
30% {
transform: translateY(-15px) rotate(5deg);
opacity: 0.85;
}
40% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
50% {
transform: translateY(-20px) rotate(-5deg);
opacity: 0.75;
}
60% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
70% {
transform: translateY(-25px) rotate(5deg);
opacity: 0.65;
}
80% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
90% {
transform: translateY(-30px) rotate(-5deg);
opacity: 0.55;
}
100% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(75条)