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