title: Blink animation in MUI
body: <p>I am building a GatsbyJS site with MUI. Using the <code>withStyles</code> HOC, is it possible to make a blinking animation?
  I tried providing animation in <code>styles</code>:</p>
  <pre><code>const styles = theme =&gt; ({
          '@keyframes blinker': {
              from: {opacity: 1},
              to: {opacity: 0}
          },
          headerGT: {
              color: 'white',
              animation: ['blinker', '1s', 'linear', 'infinite'],
              '-webkit-animation': ['blinker', '1s', 'linear', 'infinite'],
              '-moz-animation': ['blinker', '1s', 'linear', 'infinite'],
          }
      })
  </code></pre>
  <p>I can see the class and keyframes gets recognized and <code>headerGT</code> has the animation method when the DOM is build, but the animation does not fire. Any ideas?</p>