CSS Fade in Text Keyframe Animation Transition.css

CSS Fade in Text Keyframe Animation Transition.css

/* Fade in Text Keyframe Animation CSS */

.fade-in-left {
	-webkit-animation: fadeinleft 600ms ease-in-out;
	  -moz-animation: fadeinleft 600ms ease-in-out;
	  -o-animation: fadeinleft 600ms ease-in-out;
	  -ms-animation: fadeinleft 600ms ease-in-out;
	  animation: fadeinleft 600ms ease-in-out;
}

@-webkit-keyframes fadeinleft {
    0%{ 
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes fadeinleft {
    0%{ 
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100%{
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes fadeinleft {
    0%{ 
    opacity: 0;
    transform: translateX(100%);
  }
  100%{
    opacity: 1;
    transform: translateX(0%);
  }
}