小编Abd*_*sit的帖子

animate.css动画速度控制

我试图控制动画速度animate.css,这是我的代码,但不幸的是我无法这样做.

任何人都可以解释我如何控制这个?

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
Run Code Online (Sandbox Code Playgroud)

html css jquery animation css3

9
推荐指数
3
解决办法
4万
查看次数

标签 统计

animation ×1

css ×1

css3 ×1

html ×1

jquery ×1