title: animate.css animation speed control
body: <p>I am trying to control animation speed in <code>animate.css</code>, here is my code but unfortunately I am unable to do so. </p>
  
  <p>Can anyone explain how I can control this?</p>
  
  <pre><code>@-webkit-keyframes slideOutLeft {
      0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
      }
      100% {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
      }
  }
  @keyframes slideOutLeft {
      0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
      }
      100% {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
      }
  }
  .slideOutLeft {
      -webkit-animation-name: slideOutLeft;
      animation-name: slideOutLeft;
  }
  </code></pre>