bb-saas-animate.css

.animated {		
  -webkit-animation-duration: 1s;		
  animation-duration: 1s;		
  -webkit-animation-fill-mode: both;		
  animation-fill-mode: both;		
 }		
 @keyframes flipInX {		
  from {		
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);		
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);		
    -webkit-animation-timing-function: ease-in;		
    animation-timing-function: ease-in;		
    opacity: 0;		
  }

  40% {		
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);		
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);		
    -webkit-animation-timing-function: ease-in;		
    animation-timing-function: ease-in;		
  }		

  60% {		
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);		
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);		
    opacity: 1;		
  }		
 		
  80% {		
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);		
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);		
  }		
 		
  to {		
    -webkit-transform: perspective(400px);		
    transform: perspective(400px);		
  }		
 }		
 		
 .flipInX {		
  -webkit-backface-visibility: visible !important;		
  backface-visibility: visible !important;		
  -webkit-animation-name: flipInX;		
  animation-name: flipInX;		
 }