Line 6: | Line 6: | ||
<title>HP</title> | <title>HP</title> | ||
<style> | <style> | ||
− | @keyframes | + | @keyframes ani1 { |
0% { | 0% { | ||
opacity: 0; | opacity: 0; | ||
Line 14: | Line 14: | ||
} | } | ||
} | } | ||
+ | |||
+ | @keyframes ani2 { | ||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
* { | * { | ||
font-family: Levenim MT; | font-family: Levenim MT; | ||
Line 39: | Line 49: | ||
margin-top: -50px; | margin-top: -50px; | ||
margin-bottom: 150px; | margin-bottom: 150px; | ||
− | animation: | + | animation: ani1 5s 1; |
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
background-image: url("https://i.imgur.com/DCyUlMO.jpg"); | background-image: url("https://i.imgur.com/DCyUlMO.jpg"); | ||
Line 61: | Line 71: | ||
margin-right: 20px; | margin-right: 20px; | ||
cursor: pointer; | cursor: pointer; | ||
+ | animation: ani2 5s 1; | ||
+ | animation-fill-mode: forwards; | ||
transition-duration: 0.75s; | transition-duration: 0.75s; | ||
border: solid 2px #00255A; | border: solid 2px #00255A; | ||
text-align: center; | text-align: center; | ||
− | font-size: | + | font-size: 18px; |
} | } | ||
Revision as of 02:31, 17 August 2018
Education
● NCTU Annual br Biotechnology Fair
HP Silver
● Conferences (6th Asia-Pacific)
● Skype Meetup
HP Gold
● Agriculture Improvement Station