Team:BIOSINT Mexico
From 2014.igem.org
(Difference between revisions)
Line 92: | Line 92: | ||
width: 77%; | width: 77%; | ||
height: 77%; | height: 77%; | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | .hovergallery img{ | ||
+ | -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ | ||
+ | -moz-transform:scale(0.8); /*Mozilla scale version*/ | ||
+ | -o-transform:scale(0.8); /*Opera scale version*/ | ||
+ | -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ | ||
+ | -moz-transition-duration: 0.5s; /*Mozilla duration version*/ | ||
+ | -o-transition-duration: 0.5s; /*Opera duration version*/ | ||
+ | opacity: 0.7; /*initial opacity of images*/ | ||
+ | margin: 0 10px 5px 0; /*margin between images*/ | ||
+ | } | ||
+ | |||
+ | .hovergallery img:hover{ | ||
+ | -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ | ||
+ | -moz-transform:scale(1.1); /*Mozilla scale version*/ | ||
+ | -o-transform:scale(1.1); /*Opera scale version*/ | ||
+ | box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ | ||
+ | -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ | ||
+ | -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
} | } | ||
Line 131: | Line 156: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
- | <div class=""> | + | <div class="hovergallery"> |
<center> | <center> | ||
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Chassis" ><img class="chassis" src="http://i1369.photobucket.com/albums/ag216/lmistrange/CHASSIS_zps4a1c7e44.png" widht="330" height="220"/></a> | <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Chassis" ><img class="chassis" src="http://i1369.photobucket.com/albums/ag216/lmistrange/CHASSIS_zps4a1c7e44.png" widht="330" height="220"/></a> |
Revision as of 20:08, 6 October 2014