Difference between revisions of "Team:Hong Kong HKUST/Team"
Oycheungad (Talk | contribs) |
Oycheungad (Talk | contribs) |
||
| Line 127: | Line 127: | ||
</script> | </script> | ||
| − | <h1> | + | <h1>Our Advisors</h1> |
<style> | <style> | ||
| − | + | .container { | |
| − | + | position: relative; | |
| − | + | width: 50%; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .image { | |
| − | + | display: block; | |
| + | width: 100%; | ||
| + | height: auto; | ||
} | } | ||
| − | + | .overlay { | |
| − | + | position: absolute; | |
| − | + | top: 0; | |
| − | + | bottom: 0; | |
| + | left: 0; | ||
| + | right: 0; | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | opacity: 0; | ||
| + | transition: .5s ease; | ||
| + | background-color: #008CBA; | ||
} | } | ||
| − | + | .container:hover .overlay { | |
| − | + | opacity: 1; | |
| − | + | } | |
| − | } | + | |
| + | .text { | ||
| + | color: white; | ||
| + | font-size: 20px; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | transform: translate(-50%, -50%); | ||
| + | -ms-transform: translate(-50%, -50%); | ||
| + | } | ||
</style> | </style> | ||
| − | <div class=" | + | <div class="container"> |
| − | + | <img src="https://static.igem.org/mediawiki/2017/thumb/6/6d/Hkusteric.png/601px-Hkusteric.png" alt="Eric" class="image"> | |
| − | + | <div class="overlay"> | |
| − | < | + | <div class="text">Hello World</div> |
| − | + | </div> | |
</div> | </div> | ||
Revision as of 07:43, 3 September 2017
Name:
coorX: CoorY:
Our Advisors
