Template:CSS/style2
From 2014.igem.org
(Difference between revisions)
Line 602: | Line 602: | ||
} | } | ||
.pic1{ | .pic1{ | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
- | left: | + | left:80px; |
} | } | ||
.pic2{ | .pic2{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
left:130px; | left:130px; | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
} | } | ||
.pic3{ | .pic3{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
left:230px; | left:230px; | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
} | } | ||
.pic4{ | .pic4{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
left:330px; | left:330px; | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
} | } | ||
.pic5{ | .pic5{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
left:430px; | left:430px; | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
} | } | ||
.pic6{ | .pic6{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
left:530px; | left:530px; | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
} | } | ||
.pic7{ | .pic7{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
left:630px; | left:630px; | ||
- | width: | + | width:150px; |
- | height: | + | height:150px; |
+ | -webkit-transition:all 0.3s linear 0s; | ||
+ | } | ||
+ | .pic8{ | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:630px; | ||
+ | width:150px; | ||
+ | height:150px; | ||
+ | -webkit-transition:all 0.3s linear 0s; | ||
+ | } | ||
+ | .pic9{ | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:630px; | ||
+ | width:150px; | ||
+ | height:150px; | ||
+ | -webkit-transition:all 0.3s linear 0s; | ||
+ | } | ||
+ | .pic10{ | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:630px; | ||
+ | width:150px; | ||
+ | height:150px; | ||
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
} | } | ||
Line 699: | Line 723: | ||
.pic6:hover+.pic7{ | .pic6:hover+.pic7{ | ||
+ | -webkit-transition:all 0.3s linear 0s; | ||
+ | transform: translate(100px,0); | ||
+ | -webkit-transform: translate(100px,0); /** Safari & Chrome **/ | ||
+ | -o-transform: translate(100px,0); /** Opera **/ | ||
+ | -moz-transform: translate(100px,0); /** Firefox **/ | ||
+ | } | ||
+ | |||
+ | .pic7:hover+.pic8{ | ||
-webkit-transition:all 0.3s linear 0s; | -webkit-transition:all 0.3s linear 0s; | ||
transform: translate(100px,0); | transform: translate(100px,0); |
Revision as of 12:00, 16 October 2014