Posted By

envane21 on 10/08/15


Tagged

button up down scale animation pusle


Versions (?)

Button Pulse Animation


 / Published in: CSS
 

Button pulse animation (scale up and down)

  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  

You need to login to post a comment.