🧐@keyframes、@media是什么样的写法。。

[vscing]

🧐 问题描述

@keyframes、@media是什么样的写法。。

[arvinxx]

和以前一样的写法

[liuweiGL]

import { keyframes } from 'antd-style'

import { FormItemGetStyle } from './interface'

const antShowHelpIn = keyframes('antShowHelpIn', {
  '0%': {
    transform: 'translateY(-5px)',
    opacity: 0
  },
  to: {
    transform: ' translateY(0)',
    opacity: 1
  }
})

export const genAnimationStyle: FormItemGetStyle = (_, { componentCls }) => {
  return {
    [`${componentCls}-help`]: {
      '&-appear, &-enter': {
        animationDuration: '0.3s',
        animationFillMode: 'both',
        animationPlayState: 'paused',
        opacity: 0,
        animationTimingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1)',

        '&-active': {
          animationPlayState: 'running',
          animationName: antShowHelpIn
        }
      }
    }
  }
}

[github-actions[bot]]

:tada: This issue has been resolved in version 3.0.1-beta.1 :tada:

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot :package::rocket:

[github-actions[bot]]

:tada: This issue has been resolved in version 3.1.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: