button {

  position: relative;

  background-color: black;

  border: none;

  border-radius: 3px;

  font-size: 15px;

  color: #FFFFFF;

  padding: 20px;

  width: 100px;

  text-align: center;

  -webkit-transition-duration: 0.4s; /* Safari */

  transition-duration: 0.4s;

  text-decoration: none;

  overflow: hidden;

  cursor: pointer;

}



button:after {

  content: "";

  background: white;

  display: block;

  position: absolute;

  padding-top: 300%;

  padding-left: 350%;

  margin-left: -20px!important;

  margin-top: -120%;

  opacity: 0;

  transition: all 0.8s

}



button:active:after {

  padding: 0;

  margin: 0;

  opacity: 1;

  transition: 0s

  border: none;

}