Flip X

.flip-x {
  animation: flip-x 0.6s ease-out both;
}

@keyframes flip-x {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(-1);
  }
  100% {
    transform: scaleX(1);
  }
}