HANSONGTSENG (Talk | contribs) |
HANSONGTSENG (Talk | contribs) |
||
Line 262: | Line 262: | ||
<div id="coversentence2"><img src="https://static.igem.org/mediawiki/2018/6/66/T--NYMU-Taipei--homepage-topic.png"></div> | <div id="coversentence2"><img src="https://static.igem.org/mediawiki/2018/6/66/T--NYMU-Taipei--homepage-topic.png"></div> | ||
</div> | </div> | ||
+ | |||
+ | /*homepage*/ | ||
+ | <style> | ||
+ | .cover video{ | ||
+ | top:100px; | ||
+ | width: 80%; | ||
+ | position: relative; | ||
+ | opacity: 0.7; | ||
+ | } | ||
+ | |||
+ | #coversentence1{ | ||
+ | position: absolute; | ||
+ | left:60%; | ||
+ | top:75%; | ||
+ | width:300px; | ||
+ | animation-name:fade-in2; | ||
+ | animation-duration: 4s; | ||
+ | font-family: 'Monoton', cursive; | ||
+ | display:inline; | ||
+ | } | ||
+ | |||
+ | #coversentence2{ | ||
+ | position: absolute; | ||
+ | left:60%; | ||
+ | top:60%; | ||
+ | width:300px; | ||
+ | animation-name:fade-in1; | ||
+ | animation-duration: 4s; | ||
+ | font-family: 'Monoton', cursive; | ||
+ | display:inline; | ||
+ | } | ||
+ | |||
+ | @keyframes fade-in1{ | ||
+ | from{ | ||
+ | opacity: 0; | ||
+ | } | ||
+ | to{ | ||
+ | opacity:1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fade-in2{ | ||
+ | 0%{ | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 30%{ | ||
+ | opacity:0; | ||
+ | } | ||
+ | 100%{ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
</html> | </html> |
Revision as of 11:13, 21 June 2018