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>