css CSS关键帧反弹

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS关键帧反弹相关的知识,希望对你有一定的参考价值。

@keyframes(bounce) {
    0% {
        @include transform(translateY( 0px ));
    }
    100% {
        @include transform(translateY( -8px ));
    }
}

.class-name{
    animation: bounce 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
}

以上是关于css CSS关键帧反弹的主要内容,如果未能解决你的问题,请参考以下文章

css 使用CSS关键帧动画背景图像

css 摇CSS-关键帧动画/

css CSS3关键帧抖动效果

Css3之高级-7 Css动画(概述关键帧动画属性)

scss [css:加载动画] css关键帧动画示例。 #css #sass

css3关键帧悬停动画firefox