Shake Animation
Shake Animation is a keyframe animation that shakes the component.
duration: 1s, delay: 0s
const TypographyExample = () =>
<Button
animationProps={{
hover: {
key: 'shake',
option: {
duration: '1s',
delay: '0s',
},
},
}}
>
hover me!
</Button>
duration: 1s, delay: 0.5s
const TypographyExample = () =>
<Button
animationProps={{
hover: {
key: 'shake',
option: {
duration: '1s',
delay: '0.5s',
},
},
}}
>
hover me!
</Button>
duration: 2s, delay: 0s
const TypographyExample = () =>
<Button
animationProps={{
hover: {
key: 'shake',
option: {
duration: '2s',
delay: '0s',
},
},
}}
>
hover me!
</Button>
duration: 2s, delay: 0.5s
const TypographyExample = () =>
<Button
animationProps={{
hover: {
key: 'shake',
option: {
duration: '2s',
delay: '0.5s',
},
},
}}
>
hover me!
</Button>