title: CSS animation "transform: scale" not working in Safari and possibly other browsers
body: <pre><code>@-webkit-keyframes scaleIn {
      from {-webkit-transform: scale(0);}
      to {-webkit-transform: scale(1);}
  }
  
  .animate-log-in {
    animation-name: scaleIn;
    animation-duration: 0.5s;
  }
  </code></pre>
  
  <p>It's working on the latest version of Chrome (Mac OSX) but not in the latest version of Safari and an older version (I think) of Chrome. Is there anything I need to add?</p>