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

 
(4 intermediate revisions by the same user not shown)
Line 147: Line 147:
 
     -moz-animation: illuminate_bot 4s linear infinite;
 
     -moz-animation: illuminate_bot 4s linear infinite;
 
     animation: illuminate_bot 4s linear infinite;
 
     animation: illuminate_bot 4s linear infinite;
 +
                }
  
 
.stator_motor:hover .bobine_left {
 
.stator_motor:hover .bobine_left {
Line 153: Line 154:
 
     animation: illuminate_left 4s linear infinite;
 
     animation: illuminate_left 4s linear infinite;
 
               }
 
               }
 +
 +
 +
.stator_motor:hover .bobine_top {
 +
    -webkit-animation: illuminate_top 4s linear infinite;
 +
    -moz-animation: illuminate_top 4s linear infinite;
 +
    animation: illuminate_top 4s linear infinite;
 +
              }
 +
  
 
.stator_motor:hover .rotor_motor {
 
.stator_motor:hover .rotor_motor {
Line 185: Line 194:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     25%  {
+
     13%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    37%  {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 204: Line 217:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     25%  {
+
     13%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    37%  {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 223: Line 240:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     25%  {
+
     13%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    37%  {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 248: Line 269:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     50% {
+
     38% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    62% {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 271: Line 296:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     50% {
+
     38% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    62% {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 294: Line 323:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     50% {
+
     38% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    62% {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 319: Line 352:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     75% {
+
     63% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    87% {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 329: Line 366:
 
}
 
}
  
−
@keyframes illuminate_right {
+
@keyframes illuminate_left {
 
     0%  {
 
     0%  {
 
         filter: brightness(0.5);
 
         filter: brightness(0.5);
Line 338: Line 375:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     75% {
+
     63% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    87% {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 348: Line 389:
 
}
 
}
  
−
@-webkit-keyframes illuminate_right {
+
@-webkit-keyframes illuminate_left {
 
     0%  {
 
     0%  {
 
         filter: brightness(0.5);
 
         filter: brightness(0.5);
Line 357: Line 398:
 
         -webkit-filter: brightness(0.5);
 
         -webkit-filter: brightness(0.5);
 
     }
 
     }
−
     75% {
+
     63% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    87% {
 
         filter: brightness(1);
 
         filter: brightness(1);
 
         -webkit-filter: brightness(1);
 
         -webkit-filter: brightness(1);
Line 369: Line 414:
  
 
/************ Anim stepper top coal **********/
 
/************ Anim stepper top coal **********/
 +
 +
@-moz-keyframes illuminate_top {
 +
    0%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    12%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    25%  {
 +
        filter: brightness(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
    }
 +
    75% {
 +
        filter: brightness(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
    }
 +
    88% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    100% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
}
 +
 +
@keyframes illuminate_top {
 +
    0%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    12%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    25%  {
 +
        filter: brightness(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
    }
 +
    75% {
 +
        filter: brightness(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
    }
 +
    88% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    100% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
}
 +
 +
@-webkit-keyframes illuminate_top {
 +
    0%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    12%  {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    25%  {
 +
        filter: brightness(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
    }
 +
    75% {
 +
        filter: brightness(0.5);
 +
        -webkit-filter: brightness(0.5);
 +
    }
 +
    88% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
    100% {
 +
        filter: brightness(1);
 +
        -webkit-filter: brightness(1);
 +
    }
 +
}
 +
  
 
       </style>
 
       </style>

Latest revision as of 08:21, 30 August 2017

Engineering

Microfluidics

Test

Test

Designed by iGEM Grenoble-Alpes 2017 team | Site Map