Difference between revisions of "Team:NTHU Taiwan"

@@ Line 2: / Line 2: @@
 <html>
-<div>
+<style>
-	<img width="100%" src="https://static.igem.org/mediawiki/2017/e/ef/T--NTHU_Taiwan--fstpage.png">
-</div>
+.slider_container {
+	}
+	.slider_container div {
+	    position: absolute;
+	    opacity: 0;
+	    filter: alpha(opacity=0);
+	}
+	.slider_container div {
+	    -webkit-animation: round 5s linear infinite;
+	            animation: round 5s linear infinite;
+	}
+	@-webkit-keyframes round {
+% {
+	        opacity: 1;
+	        filter: alpha(opacity=100);
+	        /* 0 - 1秒 淡入*/
+	    }
+% {
+	        opacity: 1;
+	        filter: alpha(opacity=100);
+	        /* 1- 5秒靜止*/
+	    }
+% {
+	        opacity: 0;
+	        filter: alpha(opacity=0);
+	        /* 5-6秒淡出*/
+	    }
+	}
+	@keyframes round {
+% {
+	        opacity: 1;
+	        filter: alpha(opacity=100);
+	        /* 0 - 1秒 淡入*/
+	    }
+% {
+	        opacity: 1;
+	        filter: alpha(opacity=100);
+	        /* 1- 5秒靜止*/
+	    }
+% {
+	        opacity: 0;
+	        filter: alpha(opacity=0);
+	        /* 5-6秒淡出*/
+	    }
+	}
+	.slider_container div:nth-child(2) {
+	    -webkit-animation-delay: 0s;
+	            animation-delay: 0s;
+	}
+	.slider_container div:nth-child(1) {
+	    -webkit-animation-delay: 3s;
+	            animation-delay: 3s;
+	}
+</style>
+<div class="content">
+	<div class="slider_container">
+		<div>
+			<img width="100%" src="https://static.igem.org/mediawiki/2017/f/f8/T--NTHU_Taiwan--HOME--t1.png" alt="pure css3 slider" />
+		</div>
+		<div>
+			<img width="100%" src="https://static.igem.org/mediawiki/2017/2/27/T--NTHU_Taiwan--HOME--t2.png" alt="pure css3 slider" />
+		</div>
+		<img width="100%" src="https://static.igem.org/mediawiki/2017/a/ac/T--NTHU_Taiwan--HOME--t0.png">
+	</div>
+	<img width="100%" src="https://static.igem.org/mediawiki/2017/c/cb/T--NTHU_Taiwan--HOME--t3.png">
+</div>
 </html>