"
Template:Team:USTC-Software/Header-c
From 2012.igem.org
(Difference between revisions)
| Line 185: | Line 185: | ||
/*---the begin of head-text shade-shadow css-----*/ | /*---the begin of head-text shade-shadow css-----*/ | ||
.shade-shadow{ | .shade-shadow{ | ||
| - | font-size:58px;font-weight: bold;color: | + | font-size:58px;font-weight: bold;color:rgba(255,255,255,.7);line-height:48px; |
background:rgba(255,255,255,.9),rgba(255,255,255,.7),#222 10%) no-repeat; | background:rgba(255,255,255,.9),rgba(255,255,255,.7),#222 10%) no-repeat; | ||
-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.6)); | -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.6)); | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
| + | |||
| + | |||
| + | .shade-shadow:hover{ | ||
| + | font-size:58px;font-weight: bold;color:#333; | ||
| + | line-height:48px; | ||
| + | background:#888 -webkit-linear-gradient(-15deg,#080808 5%,rgba(255,255,255,.7), | ||
| + | rgba(255,255,255,.9),rgba(255,255,255,.7),#222 10%) no-repeat; | ||
| + | -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.6)); | ||
| + | -webkit-background-clip:text; | ||
| + | -webkit-text-fill-color:transparent; | ||
| + | -webkit-animation:texttop 3400ms linear infinite; | ||
| + | -webkit-animation-direction:alternate; | ||
| + | -webkit-animation-delay:50ms; | ||
| + | text-transform:uppercase; | ||
| + | } | ||
| + | @-webkit-keyframes texttop{ | ||
| + | 0%{background-position:left 0;} | ||
| + | 100%{background-position:1000px 0;}} | ||
| + | /*---the end of head-text shade-shadow css-----*/ | ||
| + | |||
| + | |||
.unselectable { | .unselectable { | ||
Revision as of 06:39, 10 August 2012
TOP
