title: animation-fill-mode not working
body: <p>Im trying to get a header to fly in and after that when you hover it, it should shake (both with css3 animation). It flies in the way i want, also shakes, but after ive removed the mouse from the element it goes back to the original margin-right (it had before the flyin animation) even though ive set `-animation-fill-mode: forwards;
  When i look in chromedevtools the element never changes its margin-right (even though the animation works..). Can i fix this?</p>
  
  <p>Also, is there a way of preventing the first animation to happen again after the shake animation?</p>
  
  <p>flyin animation:</p>
  
  <pre><code>#name {
  margin:40px 2% 40px 0;
  
  -webkit-animation:flyin 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 1800ms;
  }
  
  @-webkit-keyframes flyin {
  
  from{margin-right: 2%;}
  30% {margin-right: 12%;}
  50% {margin-right: 9%;}
  60% {margin-right: 10%;}
  to {margin-right: 10%;}
  }
  </code></pre>
  
  <p>shake animation:</p>
  
  <pre><code>#name:hover {
          **margin-right: 10%; //i also have to set this?! or it starts at 2%**
          -webkit-animation:shake 0.7s;
          -webkit-animation-fill-mode: forwards;
          -webkit-transform-origin:50% 50%; 
          -webkit-animation-iteration-count: infinite; 
          -webkit-animation-timing-function: linear;
  
  
      }
  
      @-webkit-keyframes shake { 
  0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
  30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
  60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
  70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
  80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
  90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
  100% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
  }
  </code></pre>