Radioactive Buttons using css3

1. Create Your Animation

  1. @-webkit-keyframes greenPulse {
    from { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; }
    50% { background-color: #91bd09; -webkit-box-shadow:: 0 0 18px #91bd09; }
    to { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; }}

2. And Then Cue It Up

  1. a.green.button {
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;}

    Original Article

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s