美文网首页
学了一个弹弹弹的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