Team:NCTU Formosa/source/insectshow

From 2014.igem.org

(Difference between revisions)
Line 33: Line 33:
     background-position: center center;
     background-position: center center;
}
}
-
 
.ch-info .ch-info-front {
.ch-info .ch-info-front {
     transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
}
}
-
 
+
.ch-info .ch-info-back {
-
.ch-info .ch-info-back{
+
     opacity: 0;
     opacity: 0;
     background: #223e87;
     background: #223e87;
Line 45: Line 43:
     transition: all 0.4s ease-in-out 0.2s;
     transition: all 0.4s ease-in-out 0.2s;
}
}
-
.ch-info-back1{
+
.ch-item:hover .ch-info-front {
-
background-image: url('background-image: url('https://static.igem.org/mediawiki/2014/e/e5/Background-image.gif');
+
    transform: scale(0);
-
}
+
    opacity: 0;
 +
}  
.ch-img-1 {
.ch-img-1 {
-
     background:black;
+
     background-image: url(../images/13.jpg);
}
}
   
   
.ch-img-2 {
.ch-img-2 {
-
     background:white;
+
     background-image: url(../images/14.jpg);
}
}
   
   
.ch-img-3 {
.ch-img-3 {
-
     background:darkdray;
+
     background-image: url(../images/15.jpg);
}
}
   
   
Line 98: Line 97:
     color: #fff;
     color: #fff;
}
}
-
.ch-item:hover .ch-info-front {
 
-
    transform: scale(0);
 
-
    opacity: 0;
 
-
}
 
.ch-item:hover .ch-info-back {
.ch-item:hover .ch-info-back {
     transform: scale(1);
     transform: scale(1);

Revision as of 13:15, 9 October 2014