Difference between revisions of "Team:Shanghaitech"

Line 6: Line 6:
 
<style type="text/css">
 
<style type="text/css">
 
     a#home-botton{height: 140px;width: 150px;position: absolute;left: 52%;top: 100%;transform: translate(-50%,-50%);}
 
     a#home-botton{height: 140px;width: 150px;position: absolute;left: 52%;top: 100%;transform: translate(-50%,-50%);}
     #button-bg-inactive{
+
     #button-bg{
 
         background: url(https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png) no-repeat 50% 50%/contain;
 
         background: url(https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png) no-repeat 50% 50%/contain;
 
         width: 224.5px;height: 133px;position: absolute;
 
         width: 224.5px;height: 133px;position: absolute;
 
     }
 
     }
     #button-bg-active{
+
     #home-button:hover #button-bg{
         background: url(https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png) no-repeat 50% 50%/contain;height: 197px;width: 283px;position: absolute;left: -63px;top: -46px;display: none;
+
         background: url(https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png) no-repeat 50% 50%/contain;height: 197px;width: 283px;left: -63px;top: -46px;
    }
+
    a#home-button:hover #button-bg-active{display: block;}
+
    a#home-button:hover #button-bg-inactive{display: none;}
+
    a#home-button:hover div{
+
        transform: rotate(180deg);
+
 
     }
 
     }
  
Line 27: Line 22:
 
<div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
 
<div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
 
<a id="home-botton" href="https://2017.igem.org/Team:Shanghaitech/project">
 
<a id="home-botton" href="https://2017.igem.org/Team:Shanghaitech/project">
     <div id="button-bg-inactive"></div>
+
     <div id="button-bg"></div>
    <div id="button-bg-active"></div>
+
 
</a>
 
</a>
 
<img src="https://static.igem.org/mediawiki/2017/0/0b/T--Shanghaitech--Home-Homepage-story.png" alt="homepage-story" style="width:100%;height:auto;max-height:none" height=3000 width=2388/>
 
<img src="https://static.igem.org/mediawiki/2017/0/0b/T--Shanghaitech--Home-Homepage-story.png" alt="homepage-story" style="width:100%;height:auto;max-height:none" height=3000 width=2388/>

Revision as of 14:33, 1 November 2017