Line 41: | Line 41: | ||
color: white; | color: white; | ||
font-size:43px; | font-size:43px; | ||
+ | } | ||
+ | |||
+ | .overlay { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | opacity: 0; | ||
+ | transition: .5s ease; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | position: relative; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .container:hover .overlay { | ||
+ | opacity: 1; | ||
} | } | ||
Line 51: | Line 72: | ||
<div class = "text-wrapper"> | <div class = "text-wrapper"> | ||
+ | |||
+ | <div class="container"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/0/06/T--TP-CC_San_Diego--labteamtitle.png" class="image"> | ||
+ | <div class="overlay"> | ||
+ | <div class="text"> <img src = "https://static.igem.org/mediawiki/2017/d/d9/T--TP-CC_San_Diego--labmembers.png" class="image"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
</div> | </div> |
Revision as of 19:02, 15 October 2017