Template:Team:KIT-Kyoto/Common

From 2014.igem.org

(Difference between revisions)
Line 223: Line 223:
.clear hr {
.clear hr {
     display:none;  
     display:none;  
 +
}
 +
figure {
 +
position: relative;
 +
overflow: hidden;
 +
width: 240px;
 +
background: #46ceb4;
 +
}
 +
figure img {
 +
position: relative;
 +
z-index: 1;
 +
-webkit-transition: .3s;
 +
transition: .3s;
 +
}
 +
figcaption {
 +
position: absolute;
 +
bottom: -70px;
 +
left: 0;
 +
z-index: 2;
 +
width: 100%;
 +
height: 70px;
 +
background: #46ceb4;
 +
-webkit-transition: .3s;
 +
transition: .3s;
 +
}
 +
figure:hover img {
 +
-webkit-transform: translateY(-40px);
 +
transform: translateY(-40px);
 +
}
 +
figure:hover figcaption {
 +
bottom: 0;
 +
-webkit-transform: translateY(-30px);
 +
transform: translateY(-30px);
}
}
</style>
</style>
</html>
</html>

Revision as of 02:39, 2 October 2014