Animated Button HTML and CSS

Animated Button

HTML

<button class="pomsd">Click Me</button>

Css

<style>

.pomsd {

  padding: 15px 25px;

  font-size: 24px;

  text-align: center;

  cursor: pointer;

  outline: none;

  color: #fff;

  background: linear-gradient(to right,       #d000fa, #001eff);

  border: none;

  border-radius: 15px;

  box-shadow: 0 9px #999;  

}

.pomsd:hover {background-color: #eee}

.pomsd:active {

  top: 100px;

  background: linear-gradient(to right,       #73ff00, #001eff);

  box-shadow: 0 5px #666;

  transform: translateY(4px);

  box-shadow: 5px 5px 15px 5px #000000; 

  box-shadow: 5px 5px 15px 5px #000000;

  -moz-transform: scale(1.5);

  -webkit-transform: scale(1.5);

  -o-transform: scale(1.5);

  -ms-transform: scale(1.5);

  transform: scale(1.5);

  

}

.pomsd:hover {

border-radius: 20px;

}

</style>