diff options
| author | Mark Otto <[email protected]> | 2012-08-01 11:52:48 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-08-01 11:52:48 -0700 |
| commit | 5637c6fb7031ed045902a4f74bbb164978b7dd38 (patch) | |
| tree | 3f74fba06197a665f107a0d4c2ed78621857f7b6 /docs | |
| parent | fab1a80dcb944f32fd9655d6bde3511d5df52aa2 (diff) | |
| download | bootstrap-5637c6fb7031ed045902a4f74bbb164978b7dd38.tar.xz bootstrap-5637c6fb7031ed045902a4f74bbb164978b7dd38.zip | |
pulsing download button on homepage
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/docs.css | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b91910d93..0abef7a9e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -132,6 +132,11 @@ hr.soften { } /* Download button */ +@-webkit-keyframes downloadButton { + from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } + 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 20px rgba(0,68,204,.75); } + to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } +} .masthead .btn { padding: 14px 24px; font-size: 24px; @@ -141,9 +146,12 @@ hr.soften { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); + -webkit-animation-name: downloadButton; + -webkit-animation-duration: 2s; + -webkit-animation-iteration-count: infinite; } .masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); |