Catdunaway (Talk | contribs) (Created page with "{{Rice/Template2}}") |
|||
Line 1: | Line 1: | ||
{{Rice/Template2}} | {{Rice/Template2}} | ||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | .firstrow { | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | width: 70%; | ||
+ | height: 100%; | ||
+ | background: black; | ||
+ | /*z-index: -1000;*/ | ||
+ | } | ||
+ | |||
+ | .headshot { | ||
+ | position: relative; | ||
+ | width: 40%; | ||
+ | display:inline-block !important; | ||
+ | text-align: left; | ||
+ | margin: 1%; | ||
+ | margin-right: 2%; | ||
+ | margin-bottom: 40%; | ||
+ | box-sizing: border-box; | ||
+ | padding: 1%; | ||
+ | /*z-index: -500;*/ | ||
+ | } | ||
+ | |||
+ | .headshot img { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | -webkit-transition: opacity 1s ease-in-out; | ||
+ | -moz-transition: opacity 1s ease-in-out; | ||
+ | -o-transition: opacity 1s ease-in-out; | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | /*z-index: -500;*/ | ||
+ | } | ||
+ | |||
+ | .headshot img.overlay:hover { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | opacity: 0; | ||
+ | /*z-index: -500;*/ | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="firstrow"> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/f7/Beth_Beason_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/7/79/Beth_Beason_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/de/Joff_Silberg_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/5/5c/Joff_Silberg_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 04:16, 1 November 2017
![](https://static.igem.org/mediawiki/2017/f/f7/Beth_Beason_Text.jpg)
![](https://static.igem.org/mediawiki/2017/7/79/Beth_Beason_Hexagonized.jpg)
![](https://static.igem.org/mediawiki/2017/d/de/Joff_Silberg_Text.jpg)
![](https://static.igem.org/mediawiki/2017/5/5c/Joff_Silberg_Hexagonized.jpg)