Difference between revisions of "Team:ETH Zurich"

Line 152: Line 152:
 
#homeMainContainer img {
 
#homeMainContainer img {
 
     transition: width 1s,transform 1s;
 
     transition: width 1s,transform 1s;
 +
}
 +
#homeMainCaption {
 +
    background: rgba(0,0,0,0.7);
 +
    height:0;
 +
    transition: height 1s;
 +
    position:absolute;
 +
    left:0;
 +
    right:0;
 +
    bottom:0;
 
}
 
}
 
@media screen and (max-device-width:480px) {
 
@media screen and (max-device-width:480px) {
Line 169: Line 178:
 
#homeMainContainer:hover img {
 
#homeMainContainer:hover img {
 
     opacity:1;
 
     opacity:1;
 +
}
 +
#homeMainContainer:hover #homeMainCaption {
 +
    height:25%;
 
}
 
}
 
#homeMainContainer img {
 
#homeMainContainer img {
Line 288: Line 300:
 
<a id="homeMainArrowPrev" href="#" onclick="changeState(-1); return false;">&#9668;</a>
 
<a id="homeMainArrowPrev" href="#" onclick="changeState(-1); return false;">&#9668;</a>
 
<a id="homeMainArrowNext" href="#" onclick="changeState(1); return false;">&#9658;</a>
 
<a id="homeMainArrowNext" href="#" onclick="changeState(1); return false;">&#9658;</a>
 +
<div id="homeMainCaption">
 +
</div>
 
</div></div>
 
</div></div>
  

Revision as of 18:36, 10 September 2015

"What I cannot create I do not understand."
- Richard Feynmann

The microbial beacon        for cancer detection