Difference between revisions of "Team:BostonU/Medal Criteria"

Line 12: Line 12:
 
}
 
}
  
−
#grey {
+
img:hover {
−
    -webkit-filter: grayscale(80%);
+
  -webkit-filter: grayscale(0%);
−
      width:75%;
+
  -webkit-transition: .5s ease-in-out;
−
      z-index:1;
+
  -moz-filter: grayscale(0%);
−
      position:absolute;
+
  -moz-transition: .5s ease-in-out;
−
}
+
  -o-filter: grayscale(0%);
 +
  -o-transition: .5s ease-in-out;
 +
}  
  
−
#greytwo{
+
img {
−
      width:75%;
+
  -webkit-filter: grayscale(100%);
−
      opacity:0;
+
  -webkit-transition: .5s ease-in-out;
−
      z-index:-1;  
+
  -moz-filter: grayscale(100%);
−
      position:absolute;
+
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(100%);
 +
  -o-transition: .5s ease-in-out;
 +
  width:100%;
 
}
 
}
  
 
</style>
 
</style>
 
<body>
 
<body>
−
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--wikibanner.png" id = "grey">
+
<center><img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--wikibanner.png"></center>
−
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--wikibanner.png" id = "greytwo">
+
 
</body>
 
</body>
−
 
−
<script type="text/javascript">
 
−
$(document).ready(
 
−
    function(){
 
−
  $("#grey").hover(function () {
 
−
            $('#grey').animate({'opacity':'0'}, 500);
 
−
            $('#greytwo').animate({'opacity':'1'}, 500);
 
−
        });
 
−
 
−
    });
 
−
</script>
 
−
 
−
</html>
 

Revision as of 15:36, 9 August 2016