Hey guys. Been working on a project at work that’s using some CSS3 animation code to create these spinner loading type circles. I’m developing on chrome but when I looked on FF and Safari it’s just completely broke. I’m not very familiar with CSS3 animations quite yet so I hoped online. I tried to put the “-webit-” on the keyframes and nothing. Then I read that I needed to use the prefixes like “-moz-animation” and so I went back in and tried that. Still drawing blanks. I put up a test case in codepen. Any insight I can get on this would be super helpful. Thanks guys.
http://codepen.io/justdan/pen/NqQeXG