Difference between revisions of "Team:HZAU-China"

Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
Line 21: Line 22:
 
       min-width: 950px;
 
       min-width: 950px;
 
       margin-top: 24px;
 
       margin-top: 24px;
 +
    }
 +
 +
    @keyframes shan {
 +
      from {
 +
        opacity: 1;
 +
      }
 +
      to {
 +
        opacity: 0.6;
 +
      }
 +
    }
 +
 +
    @-moz-keyframes shan {
 +
      from {
 +
        opacity: 1;
 +
      }
 +
      to {
 +
        opacity: 0.6;
 +
      }
 +
    }
 +
 +
    @-webkit-keyframes shan {
 +
      from {
 +
        opacity: 1;
 +
      }
 +
      to {
 +
        opacity: 0.6;
 +
      }
 +
    }
 +
 +
    @-o-keyframes shan {
 +
      from {
 +
        opacity: 1;
 +
      }
 +
      to {
 +
        opacity: 0.6;
 +
      }
 +
    }
 +
 +
    #anniu {
 +
      height: 50px;
 +
      width: 50px;
 +
      background-color: #ffffff;
 +
      position: absolute;
 +
      bottom: 40px;
 +
      left: 50%;
 +
      margin: 0 0 0 -25px;
 +
      transition:bottom 0.2s;
 +
      animation: shan 5s infinite;
 +
      -moz-animation: shan 5s infinite;
 +
      -webkit-animation: shan 5s infinite;
 +
      -o-animation: shan 5s infinite;
 +
    }
 +
 +
    #anniu:hover {
 +
      bottom: 27px;
 
     }
 
     }
  
Line 143: Line 199:
 
     }
 
     }
  
−
     @-webkit-keyframes mymove
+
    @-moz-keyframes mymove {
−
     /*Safari and Chrome*/
+
      from {}
 +
      to {
 +
        transform: rotate(360deg);
 +
      }
 +
    }
 +
 
 +
     @-webkit-keyframes mymove {
 +
      from {}
 +
      to {
 +
        transform: rotate(360deg);
 +
      }
 +
     }
  
−
      {
+
    @-o-keyframes mymove {
 
       from {}
 
       from {}
 
       to {
 
       to {
Line 160: Line 227:
 
     }
 
     }
  
−
     @-webkit-keyframes mymove_2
+
    @-moz-keyframes mymove_2 {
−
     /*Safari and Chrome*/
+
      from {}
 +
      to {
 +
        transform: rotate(-360deg);
 +
      }
 +
    }
 +
 
 +
     @-webkit-keyframes mymove_2 {
 +
      from {}
 +
      to {
 +
        transform: rotate(-360deg);
 +
      }
 +
     }
  
−
      {
+
    @-o-keyframes mymove_2 {
 
       from {}
 
       from {}
 
       to {
 
       to {
Line 213: Line 291:
 
       -webkit-animation: mymove 10s infinite;
 
       -webkit-animation: mymove 10s infinite;
 
       animation-timing-function: linear;
 
       animation-timing-function: linear;
−
       background: url(https://static.igem.org/mediawiki/2017/f/fb/HZAU_2017_gear_1.png);
+
       background: url(https://static.igem.org/mediawiki/2017/c/c0/T--HZAU-China--gear.png);
 
       background-size: 250px 250px;
 
       background-size: 250px 250px;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 241: Line 319:
 
<body>
 
<body>
 
   <div class="fourC">
 
   <div class="fourC">
−
     <img class="fourC" src="https://static.igem.org/mediawiki/2017/e/eb/HZAU_2017_4C_1.png">
+
     <img class="fourC" src="https://static.igem.org/mediawiki/2017/8/84/T--HZAU-China--4C.png">
 +
    <a href="#tiaozhuan" id="anniu"></a>
 
   </div>
 
   </div>
 
   <div class="zhanshiqu">
 
   <div class="zhanshiqu">
 
     <!-- 大小齿轮们 -->
 
     <!-- 大小齿轮们 -->
 
     <div class="hezi">
 
     <div class="hezi">
−
       <div class="chilun_1"></div>
+
       <div id="tiaozhuan" class="chilun_1"></div>
 
       <div class="chilun_2"></div>
 
       <div class="chilun_2"></div>
 
       <div class="chilun_3"></div>
 
       <div class="chilun_3"></div>
 
     </div>
 
     </div>
 
     <div class="frame">
 
     <div class="frame">
−
       <img class="frame_tu" src="https://static.igem.org/mediawiki/2017/2/23/HZAU_2017_frame_1.png" />
+
       <img class="frame_tu" src="https://static.igem.org/mediawiki/2017/1/17/T--HZAU-China--frame.png" />
 
     </div>
 
     </div>
 
     <div id="rongqi">
 
     <div id="rongqi">

Revision as of 17:50, 30 October 2017