Mreininger (Talk | contribs) |
Mreininger (Talk | contribs) |
||
Line 122: | Line 122: | ||
<div class="col-md-6"> | <div class="col-md-6"> | ||
<a href="https://static.igem.org/mediawiki/2017/d/db/Michael.GIF"> | <a href="https://static.igem.org/mediawiki/2017/d/db/Michael.GIF"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/6/64/Michi.jpeg" class="img-circle teammember bgscroll" alt="Michael" | + | <img src="https://static.igem.org/mediawiki/2017/6/64/Michi.jpeg" class="img-circle teammember bgscroll" alt="Michael" overlay { |
− | + | ||
− | + | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
Line 135: | Line 133: | ||
transition: .5s ease; | transition: .5s ease; | ||
background-color: #008CBA; | background-color: #008CBA; | ||
− | } | + | }container:hover .overlay { |
− | + | ||
− | + | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
Line 149: | Line 145: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%); | -ms-transform: translate(-50%, -50%); | ||
− | } | + | } <h2>Fade in Overlay</h2> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <h2>Fade in Overlay</h2> | + | |
<p>Hover over the image to see the effect.</p> | <p>Hover over the image to see the effect.</p> | ||
Line 162: | Line 153: | ||
<div class="text">Hello World</div> | <div class="text">Hello World</div> | ||
</div> | </div> | ||
− | </div> | + | </div> > |
+ | </a> <p> Michael </p> | ||
</div> | </div> | ||
Revision as of 11:47, 26 June 2017
Advisors
Our advisors will be listed here soon.