Reply To: Web Designer Magazine Animation Tutorial Failure

[Atelierbram]

Webkit still needs vendor prefixes, no? Have you tried in Firefox?

http://codepen.io/atelierbram/pen/vHymI

.word {
  -webit-animation-duration: 6s;
  animation-duration: 6s;
  -webit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webit-animation-name: falling;
  animation-name: falling;
  -webit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
} 

@WebApprentice Note that in the CodePen the css is autoprefixed (css-tab -> gear-icon) , (… for next time, instead of a code-dump )