学了一个弹弹弹的css写法

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写法)