jQuery圣诞下雪动画制作
jQuery圣诞下雪动画
Css代码:
@import url('https://fonts.googleapis.com/css?family=Cookie');
body {
background-color: #F24236;
width: 100%;
font-family: 'Cookie', cursive;
}
.container {
position: absolute;
top: 90px; left: 180px;
}
#days {
font-size: 50px;
color: #FFF;
text-align: center;
letter-spacing: 3px;
}
.drop {
position: absolute;
top: 0;
z-index: -1;
opacity: 0;
}
.snow {
height: 8px;
width: 8px;
border-radius: 100%;
background-color: #FFF;
box-shadow: 0 0 10px #FFF
}
.animate {
animation: falling 8.5s infinite ease-in;
}
@keyframes falling {
0% { top: 0; opacity: 1; }
100% { top: 1500px; opacity: 0}
}
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jQuery圣诞下雪动画制作
本文地址: https://pptw.com/jishu/663925.html