为什么雨滴横走
{
margin: 0px;
padding: 0px;
}
body,html{
height: 100%;
}
.content{
position: relative;/*(相对定位)*/
height: 100%;
background: #f2f2f2;
}
.yudi{
position: absolute;/*(绝对定位)*/
width: 4px;
height: 6px;
background: #ccc;
/*(剪切路径)*/clip-path: ellipse(10% 30% at 50% 50%);/*(椭圆形)*/
/*(变换)*/transform: scale(6);/*(缩放)*/
/*(动画)*//*(下降)*/animation: drops 1s ease-in infinite/*(无限)*/;
}
@keyframes drops{
0%{
opacity: 0;/*(不透明)*/
}
20%{
opacity: 1;
}
90%{
opacity: 1;
}
100%{
opacity: 0;
transform: translate3d(10px,100%,-10px);
}
}
