ant-design/components/style/motion/zoom.tsx
MadCcc a106459dd1
feat: add zoom animation (#35148)
* feat: support Keyframes as 'animationName' value

* feat: add zoom animation

* chore: code clean

* test: fix anim

* chore: move file

* chore: dep clean
2022-04-21 17:28:02 +08:00

25 lines
395 B
TypeScript

import { Keyframes } from '@ant-design/cssinjs';
export const antZoomIn = new Keyframes('antZoomIn', {
'0%': {
transform: 'scale(0.2)',
opacity: 0,
},
'100%': {
transform: 'scale(1)',
opacity: 1,
},
});
export const antZoomOut = new Keyframes('antZoomOut', {
'0%': {
transform: 'scale(1)',
},
'100%': {
transform: 'scale(0.2)',
opacity: 0,
},
});