Template:CSS/team

From 2014.igem.org

(Difference between revisions)
Line 694: Line 694:
.pic1:hover+.pic2{
.pic1:hover+.pic2{
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
-
transform: translate(200px,0);
+
transform: translate(150px,0);
-
     -webkit-transform: translate(200px,0); /** Safari & Chrome **/
+
     -webkit-transform: translate(150px,0); /** Safari & Chrome **/
-
     -o-transform: translate(200px,0); /** Opera **/
+
     -o-transform: translate(150px,0); /** Opera **/
-
     -moz-transform: translate(200px,0); /** Firefox **/
+
     -moz-transform: translate(150px,0); /** Firefox **/
}
}
.pic2:hover+.pic3{
.pic2:hover+.pic3{
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
-
transform: translate(100px,0);
+
transform: translate(150px,0);
-
     -webkit-transform: translate(100px,0); /** Safari & Chrome **/
+
     -webkit-transform: translate(150px,0); /** Safari & Chrome **/
-
     -o-transform: translate(100px,0); /** Opera **/
+
     -o-transform: translate(150px,0); /** Opera **/
-
     -moz-transform: translate(100px,0); /** Firefox **/
+
     -moz-transform: translate(150px,0); /** Firefox **/
}
}
.pic3:hover+.pic4{
.pic3:hover+.pic4{
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
-
transform: translate(100px,0);
+
transform: translate(150px,0);
-
     -webkit-transform: translate(100px,0); /** Safari & Chrome **/
+
     -webkit-transform: translate(150px,0); /** Safari & Chrome **/
-
     -o-transform: translate(100px,0); /** Opera **/
+
     -o-transform: translate(150px,0); /** Opera **/
-
     -moz-transform: translate(100px,0); /** Firefox **/
+
     -moz-transform: translate(150px,0); /** Firefox **/
}
}
Line 740: Line 740:
.smallpic:hover + .picdescription{
.smallpic:hover + .picdescription{
-
width:200px;
+
width:150px;
height:150px;
height:150px;
border-radius:0px;
border-radius:0px;

Revision as of 00:16, 17 October 2014