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

Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
 +
 +
#sideMenu, #top_title {display:none;}
 +
body {background-color:white; }
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
#hello {
 
#hello {
 
     width: 100px;
 
     width: 100px;
 
     height: 100px;
 
     height: 100px;
 
     background: red;
 
     background: red;
−
     transition: width 2s;
+
    opacity:.5;
 +
     transition: width 3s, height 3s, background 3s, opacity 3s;
 +
    position:absolute;
 +
    z-index: 100;
 
}
 
}
  
 
#hello:hover {
 
#hello:hover {
−
     width: 300px;
+
     width: 3000px;
 +
    height: 3000px;
 +
    background: blue;
 +
    opacity:1;
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
 
−
<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>
 
−
 
 
<div id = "hello"></div>
 
<div id = "hello"></div>
−
 
+
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--wikibanner.png" style = "width:50%; position:absolute;">
−
<p>Hover over the div element above, to see the transition effect.</p>
+
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
−
 
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 18:14, 9 August 2016