Difference between revisions of "Team:Austin UTexas LASA/Templates/header"
Anikasingh (Talk | contribs) |
Anikasingh (Talk | contribs) |
||
| Line 59: | Line 59: | ||
background-color: #7D5E7F; | background-color: #7D5E7F; | ||
color: white; | color: white; | ||
| + | text-shadow:0 2px 0 #8ed2d4,2px 3px 15px rgba(0,0,0,0.5); | ||
padding-top:40px; | padding-top:40px; | ||
padding-left:20px; | padding-left:20px; | ||
| Line 108: | Line 109: | ||
font-size: 20px; | font-size: 20px; | ||
text-align: justify; | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .ripple,.ripple:before,.ripple:after { | ||
| + | display:block; | ||
| + | border-radius:2px; | ||
| + | width:2px; | ||
| + | height:2px; | ||
| + | -webkit-animation:rip 6s infinite ease-out; | ||
| + | -moz-animation:rip 6s infinite ease-out; | ||
| + | } | ||
| + | .ripple { | ||
| + | position:absolute; | ||
| + | z-index:-1; | ||
| + | top:40px; | ||
| + | left:15px; | ||
| + | } | ||
| + | .ripple:before,.ripple:after { | ||
| + | content:''; | ||
| + | position:absolute; | ||
| + | } | ||
| + | .ripple:before {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;top:5px;left:25px;} | ||
| + | .ripple:after {-webkit-animation-delay:.8s;-moz-animation-delay:.8s;top:25px;left:0;} | ||
| + | @-webkit-keyframes rip | ||
| + | { | ||
| + | 0% { | ||
| + | box-shadow:0 0 0 0 transparent, | ||
| + | 0 0 0 0 transparent, | ||
| + | 0 0 0 0 transparent, | ||
| + | 0 0 0 0 transparent; | ||
| + | } | ||
| + | 15% { | ||
| + | box-shadow:0 0 0 0 #45c2c5, | ||
| + | 0 0 0 0 rgba(255,255,255,0.4), | ||
| + | 0 0 0 0 #45c2c5, | ||
| + | 0 0 0 0 rgba(0,0,0,0.08); | ||
| + | } | ||
| + | 100% { | ||
| + | box-shadow:0 0 40px 200px #45c2c5, | ||
| + | 0 0 10px 210px transparent, | ||
| + | 0 0 30px 220px #45c2c5, | ||
| + | 0 0 5px 230px transparent; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes rip | ||
| + | { | ||
| + | 0% { | ||
| + | box-shadow:0 0 0 0 transparent, | ||
| + | 0 0 0 0 transparent, | ||
| + | 0 0 0 0 transparent, | ||
| + | 0 0 0 0 transparent; | ||
| + | } | ||
| + | 15% { | ||
| + | box-shadow:0 0 0 0 #45c2c5, | ||
| + | 0 0 0 0 rgba(255,255,255,0.4), | ||
| + | 0 0 0 0 #45c2c5, | ||
| + | 0 0 0 0 rgba(0,0,0,0.08); | ||
| + | } | ||
| + | 100% { | ||
| + | box-shadow:0 0 40px 200px #45c2c5, | ||
| + | 0 0 10px 210px transparent, | ||
| + | 0 0 30px 220px #45c2c5, | ||
| + | 0 0 5px 230px transparent; | ||
| + | } | ||
} | } | ||
