//////////////////////////////
// flipOutX.scss
// @src - https://github.com/daneden/animate.css/blob/master/source/flippers/flipOutX.css
///////////////////////////////

@if da-import("flipOutX") == true {
  @keyframes flipOutX {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }

    to {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }
  %flipOutX {
    backface-visibility: visible !important;
  }
}