title: CSS3 animation is not working in IE11 but works in other browsers
body: <p>I have created a CSS3 animation on a button.  At the moment, it works perfectly everywhere apart from IE.  I know it wont work well in older IE versions, but I was atleast expecting it to work in IE11.</p>
  
  <p>I have created a fiddle to demonstrate <a href="https://jsfiddle.net/Lmc67mhn/2/" rel="noreferrer">Fiddle</a></p>
  
  <p>I call the animation on <code>:before</code> and <code>:after</code> like so</p>
  
  <pre><code>animation: 1000ms ease 0s normal none infinite running pulse-long;
  </code></pre>
  
  <p>If you open the fiddle in Firefox or Chrome, you should see the animation on the button working.  If you open it in IE11, it is just a static dot.  I have gone online and tried a few things, such as moving the animation frames to the top of the CSS file, but it still does not work.</p>
  
  <p>Is there any way to get this animation working in IE11?</p>