📜  如何在情感中添加关键帧 - Javascript代码示例

📅  最后修改于: 2022-03-11 15:03:06.643000             🧑  作者: Mango

代码示例1
/** @jsx jsx */
import { jsx, css, keyframes } from '@emotion/core'

const bounce = keyframes`
  from, 20%, 53%, 80%, to {
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    transform: translate3d(0, -30px, 0);
  }

  70% {
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
`

render(
  
some bouncing text!
)