Button Pulse Animation


/ Published in: CSS
Save to your folder(s)

Button pulse animation (scale up and down)


Copy this code and paste it in your HTML
  1. @-webkit-keyframes pulse_animation {
  2. 0% { -webkit-transform: scale(1); }
  3. 50% { -webkit-transform: scale(1.05); }
  4. 100% { -webkit-transform: scale(1); }
  5. }
  6.  
  7. .pulse {
  8. -webkit-animation-name: 'pulse_animation';
  9. -webkit-animation-duration: 900ms;
  10. -webkit-transform-origin:50% 50%;
  11. -webkit-animation-iteration-count: infinite;
  12. -webkit-animation-timing-function: linear;
  13. }
  14.  
  15. HTML CODE //Add pulse class
  16.  
  17. <div class="button pulse">Click Here</div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.