Advanced Search

glow button effect

/ Published in: CSS
Save to your folder(s)
endless loop glow button effect

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. @-webkit-keyframes glowPulse {
  2.   from { background-color: #749a02; -webkit-box-shadow: 0 0 10px #b6b6b6; }
  3.   50% { background-color: #91bd09; -webkit-box-shadow: 0 0 20px #fff; }
  4.   to { background-color: #749a02; -webkit-box-shadow: 0 0 10px #b6b6b6; }
  5. }
  6.  
  7. .pulse {
  8.   -webkit-animation-name: glowPulse;
  9.   -webkit-animation-duration: 1s;
  10.   -webkit-animation-iteration-count: infinite;
  11. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.