Pulse Button

Pulse Button

Copy to clipboard
BUTTON
View CSS
View HTML

				.pulse-btn{
  cursor:pointer;
  text-align: center;
  padding: 12px 25px;
  color: #fff;
  border-radius: 5px;
  background: #2735d5;
  box-shadow: 0 0 0 0 rgba(230, 237, 255, 0.8);
  animation: pulsing 1.72s infinite cubic-bezier(0.66, 0, 0, 1);
}   
    
@keyframes pulsing {
  to {
	  box-shadow: 0 0 0 30px rgba(255, 249, 230, 0);
  }
}				

					<div class="pulse-btn">
  BUTTON
</div>