.burst {
  max-width: 0px;
  max-height: 0px;
  width: 0px;
  height: 0px;
  border-radius: 100%;
  background: #FFF;
  opacity: 0.1;
  top: 0px;
  left: 0px;
  position: absolute;
  display: inline-block;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  -webkit-transition: width 0.5s ease-in,height 0.5s ease-in,opacity 0.5s ease-in;
  transition: width 0.5s ease-in,height 0.5s ease-in,opacity 0.5s ease-in;
  z-index: 1;
}
.burst.grow {
  max-width: 100000px;
  max-height: 100000px;
  opacity: 0.5;
}
.burst.fade {
  opacity: 0;
}