Template:Team:Bielefeld-Germany/css/frontpage.css

From 2013.igem.org

(Difference between revisions)
Line 92: Line 92:
     transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
     transform: translateX(500px);
     transform: translateX(500px);
 +
    -webkit-transform: translateX(500px);
}
}
.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 104:
.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 110:
.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 120:
     opacity:0.8;
     opacity:0.8;
     transform: translateX(-300px);
     transform: translateX(-300px);
 +
    -webkit-transform: translateX(-300px);
}
}
Line 121: Line 126:
     opacity:0.8;
     opacity:0.8;
     transform: translateX(-300px);
     transform: translateX(-300px);
 +
    -webkit-transform: translateX(-300px);
}
}
Line 127: Line 133:
     opacity: 1;
     opacity: 1;
     transform: translateX(000px);
     transform: translateX(000px);
 +
    -webkit-transform: translateX(000px);
}
}
.view:hover h2,
.view:hover h2,
Line 133: Line 140:
     opacity: 1;
     opacity: 1;
     transform: translateY(0px);
     transform: translateY(0px);
 +
    -webkit-transform: translateY(0px);
}
}
Line 138: Line 146:
     opacity:0;
     opacity:0;
     transform: translateX(-300px);
     transform: translateX(-300px);
 +
    -webkit-transform: translateX(-300px);
}
}

Revision as of 16:26, 4 October 2013