Edit in JSFiddle

<a href="#"><span>Flip me..</span></a>
body {
  font-family: Calibri;
  font-size: 18px;
}

a,
a span {
  display: inline-block;
}
a span {
  transition: .5s;
}
a:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}