Difference between revisions of "Team:BOKU-Vienna/Team"

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 {
                  </a> <p> Michael </p>
+
.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 {
 
+
.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>
</style>
+
</head>
+
<body>
+
 
+
<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

Team

V

Advisors

Our advisors will be listed here soon.