box shadow hover effect

by Mubasshir Pawle

HTML

<button class="nice">nice</button>

CSS

@import url(http://fonts.googleapis.com/css?family=Lobster);
button {
  height: 150px;
  width: 150px;
  position: relative;
  border: solid 1px;
  cursor: pointer;
}

.nice {
  background-color: skyblue;
  border-color: royalblue;
  transition: .3s ease all;
  color: royalblue;
  animation: mymove 3s;
  animation-iteration-count: 2;
}

@keyframes mymove {
  box-shadow: 0px 0px 25px yellow;
}