Просмотр архива Генератор мемов

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:
perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40%
{
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
   

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
  
 }
    
    100% {
        -webkit-transform: perspective(400px)
rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0%
{
        -moz-transform: perspective(400px) rotateX(90deg);
       
opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px)
rotateX(-10deg);
    }
    
    70% {
        -moz-transform:
perspective(400px) rotateX(10deg);
    }
    
    100% {
       
-moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
   
}
}
@-o-keyframes flipInX {
    0% {
        -o-transform:
perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40%
{
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
   
70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
 
  100% {
        -o-transform: perspective(400px) rotateX(0deg);
       
opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform:
perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40%
{
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70%
{
        transform: perspective(400px) rotateX(10deg);
    }
    
    100%
{
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;

   }
}

.flipInX {
	-webkit-backface-visibility: visible
!important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility:
visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility:
visible !important;
	-o-animation-name: flipInX;
	backface-visibility:
visible !important;
	animation-name: flipInX;
}