美文网首页
学了一个弹弹弹的css写法

学了一个弹弹弹的css写法

作者: 罗一手 | 来源:发表于2017-11-16 14:54 被阅读0次

    mark一下。
    就是简单的弹,没有形变。

    .token-bounce {
    -webkit-animation: tokenBouncer infinite 0.75s linear;
    -moz-animation: tokenBouncer infinite 0.75s linear;
    animation: tokenBouncer infinite 0.75s linear;
    animation-fill-mode: forwards;
    }

    @-webkit-keyframes tokenBouncer{
    0%{transform:translateY(-25px);animation-timing-function:cubic-bezier(0.39, 0.11, 0.83, 0.25)}
    50%{transform:translateY(0px);animation-timing-function:cubic-bezier(0.07, 0.47, 0.23, 0.93)}
    100%{transform:translateY(-25px)}}

    @keyframes tokenBouncer{
    0%{transform:translateY(-25px);animation-timing-function:cubic-bezier(0.39, 0.11, 0.83, 0.25)}
    50%{transform:translateY(0px);animation-timing-function:cubic-bezier(0.07, 0.47, 0.23, 0.93)}
    100%{transform:translateY(-25px)}}

    相关文章

      网友评论

          本文标题:学了一个弹弹弹的css写法

          本文链接:https://www.haomeiwen.com/subject/hfblvxtx.html