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

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

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

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