Markswayne (Talk | contribs) |
Markswayne (Talk | contribs) |
||
(34 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{NTHU_Taiwan}} | + | {{:Team:NTHU_Taiwan/MenuBar}} |
<html> | <html> | ||
− | < | + | <style> |
− | + | ||
− | + | .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 { | |
+ | 20% { | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | /* 0 - 1秒 淡入*/ | ||
+ | } | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | /* 1- 5秒靜止*/ | ||
+ | } | ||
+ | 80% { | ||
+ | opacity: 0; | ||
+ | filter: alpha(opacity=0); | ||
+ | /* 5-6秒淡出*/ | ||
+ | } | ||
+ | } | ||
+ | @keyframes round { | ||
+ | 20% { | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | /* 0 - 1秒 淡入*/ | ||
+ | } | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | /* 1- 5秒靜止*/ | ||
+ | } | ||
+ | 80% { | ||
+ | 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> | </div> | ||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 13:33, 31 October 2017