css 动画效果

css 动画效果增加区块动感:

.fadeInUp{
animation:fadeInUp 1s;
-moz-animation:fadeInUp 1s; /* Firefox */
-webkit-animation:fadeInUp 1s; /* Safari and Chrome */
-o-animation:fadeInUp 1s; /* Opera */
}
@keyframes fadeInUp{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
    }
@-moz-keyframes fadeInUp{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
    }
标签:

此处评论已关闭