Difference between revisions of "Team:Grenoble-Alpes/Microfluidics"

Line 137: Line 137:
  
 
.stator_motor:hover .bobine_right {
 
.stator_motor:hover .bobine_right {
     -webkit-animation: illuminate 3s linear infinite;
+
     -webkit-animation: illuminate 4s linear infinite;
     -moz-animation: illuminate 3s linear infinite;
+
     -moz-animation: illuminate 4s linear infinite;
     animation: illuminate 3s linear infinite;
+
     animation: illuminate 4s linear infinite;
 
               }
 
               }
  
 
.stator_motor:hover .rotor_motor {
 
.stator_motor:hover .rotor_motor {
     -webkit-animation: turn 3s linear infinite;
+
     -webkit-animation: turn 4s linear infinite;
     -moz-animation: turn 3s linear infinite;
+
     -moz-animation: turn 4s linear infinite;
     animation: turn 3s linear infinite;
+
     animation: turn 4s linear infinite;
 
}
 
}
  
Line 165: Line 165:
 
@-moz-keyframes illuminate {
 
@-moz-keyframes illuminate {
 
     0%  {
 
     0%  {
         filter: brightness(1);
+
         filter: brightness(0.5);
         filter: contrast(1);
+
         filter: contrast(0.5);
         -webkit-filter: brightness(1);
+
         -webkit-filter: brightness(0.5);
         -webkit-filter: contrast(1);
+
         -webkit-filter: contrast(0.5);
 
     }
 
     }
 
     50%  {
 
     50%  {
        filter: brightness(0.4);
 
        filter: contrast(0.4);
 
        -webkit-filter: brightness(0.4);
 
        -webkit-filter: contrast(0.4);
 
    }
 
    100% {
 
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         filter: contrast(1);
 
         filter: contrast(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: contrast(1);
 
         -webkit-filter: contrast(1);
 +
    }
 +
    100% {
 +
        filter: brightness(0.5);
 +
        filter: contrast(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
        -webkit-filter: contrast(0.5);
 
     }
 
     }
 
}
 
}
Line 186: Line 186:
 
@keyframes illuminate {
 
@keyframes illuminate {
 
     0%  {
 
     0%  {
         filter: brightness(1);
+
         filter: brightness(0.5);
         filter: contrast(1);
+
         filter: contrast(0.5);
         -webkit-filter: brightness(1);
+
         -webkit-filter: brightness(0.5);
         -webkit-filter: contrast(1);
+
         -webkit-filter: contrast(0.5);
 
     }
 
     }
 
     50%  {
 
     50%  {
        filter: brightness(0.4);
 
        filter: contrast(0.4);
 
        -webkit-filter: brightness(0.4);
 
        -webkit-filter: contrast(0.4);
 
    }
 
    100% {
 
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         filter: contrast(1);
 
         filter: contrast(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: contrast(1);
 
         -webkit-filter: contrast(1);
 +
    }
 +
    100% {
 +
        filter: brightness(0.5);
 +
        filter: contrast(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
        -webkit-filter: contrast(0.5);
 
     }
 
     }
 
}
 
}
Line 207: Line 207:
 
@-webkit-keyframes illuminate {
 
@-webkit-keyframes illuminate {
 
     0%  {
 
     0%  {
 +
        filter: brightness(0.5);
 +
        filter: contrast(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
        -webkit-filter: contrast(0.5);
 +
    }
 +
    50%  {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         filter: contrast(1);
 
         filter: contrast(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: contrast(1);
 
         -webkit-filter: contrast(1);
    }
 
    50%  {
 
        filter: brightness(0.4);
 
        filter: contrast(0.4);
 
        -webkit-filter: brightness(0.4);
 
        -webkit-filter: contrast(0.4);
 
 
     }
 
     }
 
     100% {
 
     100% {
         filter: brightness(1);
+
         filter: brightness(0.5);
         filter: contrast(1);
+
         filter: contrast(0.5);
         -webkit-filter: brightness(1);
+
         -webkit-filter: brightness(0.5);
         -webkit-filter: contrast(1);
+
         -webkit-filter: contrast(0.5);
 
     }
 
     }
 
}
 
}

Revision as of 07:56, 30 August 2017

Engineering

Microfluidics

Test

Test

Designed by iGEM Grenoble-Alpes 2017 team | Site Map