datamad2017/_sass/vendor/animations/flippers/_flipOutX.scss

@if $use-flipOutX == true {

	@-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective($flipper-perspective) rotateX(0deg);
            opacity: 1;
        }
    	100% {
            -webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
            opacity: 0;
        }
    }

    @-moz-keyframes flipOutX {
        0% {
            -moz-transform: perspective($flipper-perspective) rotateX(0deg);
            opacity: 1;
        }
    	100% {
            -moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
            opacity: 0;
        }
    }

    @-o-keyframes flipOutX {
        0% {
            -o-transform: perspective($flipper-perspective) rotateX(0deg);
            opacity: 1;
        }
    	100% {
            -o-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
            opacity: 0;
        }
    }

    @keyframes flipOutX {
        0% {
            transform: perspective($flipper-perspective) rotateX(0deg);
            opacity: 1;
        }
    	100% {
            transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
            opacity: 0;
        }
    }

    .flipOutX {
    	@include animate-prefixer(animation-name, flipOutX);
    	@include animate-prefixer(backface-visibility, visible !important);
    }

}