Hover CSS animation

by Ishank Dubey

HTML

<a href='#'>test</a>
<img></img>

CSS

a {
  background-color:red;
  width:100px;
  height:50px;
  display:block;
  margin:50px 50px;
  transform: translateZ(0px);
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
  position:relative;
  text-align:center;
  text-decoration:none;
  padding-top:25px;
}

a:hover{
  transform: perspective(5px) translateZ(.2px);
  transition: transform .25s ease-in,-webkit-transform .25s ease-in;
}