Difference between revisions of "Team:TP-CC San Diego/Attributions"

Line 32: Line 32:
 
}
 
}
  
−
.overlay {
+
#btn {
−
  position: absolute;
+
    display:none;
−
  padding: 3.2%;
+
−
  height: 300px;
+
−
  width: 300px;
+
−
  top: 0;
+
−
  bottom: 0;
+
−
  left: 0;
+
−
  right: 0;
+
−
  opacity: 0;
+
−
  transition: .5s ease;
+
−
}
+
−
 
+
−
.container {
+
−
  position: block;
+
−
  width: 85%;
+
−
  height: auto;
+
−
  padding: 3%;
+
−
  margin: auto;
+
−
  background-color: blue;
+
−
}
+
−
.container .overlay:hover {
+
−
  opacity: 1;
+
−
}
+
−
 
+
−
.image
+
−
{
+
−
display: inline;
+
−
position: relative;
+
−
height: 300px;
+
−
width: 300px;
+
 
}
 
}
  
Line 72: Line 43:
  
 
<div class = "text-wrapper">
 
<div class = "text-wrapper">
 +
 +
<div id="container">
 +
    <img src="https://static.igem.org/mediawiki/2017/0/06/T--TP-CC_San_Diego--labteamtitle.png"
 +
        height="229"
 +
        width="305"
 +
        alt="button"
 +
        id="btn"/>
 +
</div>
 +
  
 
<div class="container">
 
<div class="container">
Line 105: Line 85:
 
</div>
 
</div>
  
−
 
+
<script>
 +
$('#container').hover(
 +
    function() {
 +
        $('#btn').fadeIn('slow');
 +
    },function() {
 +
        $('#btn').fadeOut('slow');
 +
    }
 +
);
 +
</script>
  
  

Revision as of 04:35, 16 October 2017


Attributions

Team

button