用css3动画做出从上飞入效果

用css3动画做出从上飞入效果

用css3做出从上飞入效果：

.fadeInDown {
    animation: fadeInDown 1s;
    -webkit-animation: fadeInDown 1s;
}

@keyframes fadeInDown {
    0% {
        margin-top: -200px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown{
    0% {
        margin-top: -200px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}

html中引入选择器，从上飞入效果就写好了，从其他方向飞入同理可得

以上素材来源于网上，侵权必删