CSS Animation Tutorial 1

by codingdude

HTML

<a id="bouncy-link" class="bouncy" href="#">Bouncy link</a>

CSS

.bouncy {
  position:absolute;
  top:50vh;
  left:50vh;
  text-decoration:none;
  transition:all 0.3s;
}
.bouncy:hover{
  margin-top:-10px;
}