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

From 2013.igem.org

(Difference between revisions)
Line 57: Line 57:
}
}
-
.view:hover img {
+
.view img {
-
     transform: scale(10);
+
    transform: scaleY(1);
 +
    transition: all 0.7s ease-in-out;
 +
}
 +
.view .mask {
 +
    background-color: rgba(255, 231, 179, 0.3);
 +
    transition: all 0.5s linear;
 +
    opacity: 0;
 +
 +
.view h2{
 +
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 +
    background: transparent;
 +
    margin: 20px 40px 0px 40px;
 +
     transform: scale(0);
 +
    color: #333;
 +
    transition: all 0.5s linear;
     opacity: 0;
     opacity: 0;
}
}
-
.view:hover .mask {
+
.view p {
-
     opacity: 1;
+
    color: #333;
-
}                                                                         
+
     opacity: 0;
-
.view:hover h2,
+
    transform: scale(0);
-
.view:hover p,
+
    transition: all 0.5s linear;
-
.view:hover a.info{
+
}
-
     transform: scale(1);
+
.view a.info {
-
     opacity: 1;
+
    opacity: 0;
 +
     transform: scale(0);
 +
     transition: all 0.5s linear;
}
}

Revision as of 17:03, 2 October 2013