{

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);

}

}