"
Template:Team:Bielefeld-Germany/css/frontpage.css
From 2013.igem.org
(Difference between revisions)
| (21 intermediate revisions not shown) | |||
| Line 12: | Line 12: | ||
text-align: center; | text-align: center; | ||
background:white; | background:white; | ||
| - | box-shadow: | + | box-shadow:0px 0px 3px 0px black; |
} | } | ||
| Line 49: | Line 49: | ||
margin-top:0px; | margin-top:0px; | ||
z-index:10; | z-index:10; | ||
| + | border:none; | ||
} | } | ||
| Line 91: | Line 92: | ||
background-color: rgba(255,102,0, 0.8); | background-color: rgba(255,102,0, 0.8); | ||
transition: all 0.6s ease-in-out; | transition: all 0.6s ease-in-out; | ||
| - | transform: translateX( | + | transform: translateX(350px); |
| + | -webkit-transform: translateX(350px); | ||
} | } | ||
.view h2 { | .view h2 { | ||
transform: translateY(-100px); | transform: translateY(-100px); | ||
| + | -webkit-transform: translateY(-100px); | ||
opacity: 0; | opacity: 0; | ||
transition: all 0.4s ease-in-out; | transition: all 0.4s ease-in-out; | ||
| Line 102: | Line 105: | ||
.view p { | .view p { | ||
transform: translateX(100px); | transform: translateX(100px); | ||
| + | -webkit-transform: translateX(100px); | ||
opacity: 0; | opacity: 0; | ||
transition: all 0.4s linear; | transition: all 0.4s linear; | ||
| Line 107: | Line 111: | ||
.view a.info{ | .view a.info{ | ||
transform: translateX(100px); | transform: translateX(100px); | ||
| + | -webkit-transform: translateX(100px); | ||
opacity: 0; | opacity: 0; | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
| Line 116: | Line 121: | ||
opacity:0.8; | opacity:0.8; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
| Line 121: | Line 127: | ||
opacity:0.8; | opacity:0.8; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
| Line 127: | Line 134: | ||
opacity: 1; | opacity: 1; | ||
transform: translateX(000px); | transform: translateX(000px); | ||
| + | -webkit-transform: translateX(000px); | ||
} | } | ||
.view:hover h2, | .view:hover h2, | ||
| Line 133: | Line 141: | ||
opacity: 1; | opacity: 1; | ||
transform: translateY(0px); | transform: translateY(0px); | ||
| + | -webkit-transform: translateY(0px); | ||
} | } | ||
| Line 138: | Line 147: | ||
opacity:0; | opacity:0; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
Latest revision as of 17:45, 24 October 2013
