CSS3 Keyframe Animation Boilerplate

CSS3 Keyframe Animation Boilerplate

/* Standard */
@keyframes fadeIn {
  to {opacity: 1.0;}
}

/* Webkit-Based (Chrome, Safari) */
@-webkit-keyframes fadeIn {
  to {opacity: 1.0;}
}

/* Mozilla */
@-moz-keyframes fadeIn {
  to {opacity: 1.0;}
}

/* Opera */
@-moz-keyframes fadeIn {
  to {opacity: 1.0;}
}

element {
  -webkit-animation           : fadeIn ease-in 1;
  -moz-animation              : fadeIn ease-in 1;
   animation                  : fadeIn ease-in 1;
  -webkit-animation-fill-mode : forwards;
  -moz-animation-fill-mode    : forwards;
   animation-fill-mode        : forwards;
  -webkit-animation-duration  : 1s;
  -moz-animation-duration     : 1s;
   animation-duration         : 1s;
  -webkit-animation-delay     : 1.5s;
  -moz-animation-delay        : 1.5s;
   animation-delay            : 1.5s;
}