Difference between revisions of "Team:Cologne-Duesseldorf/PartyHard"
| (3 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
| + | .flr{ | ||
| + | display:flex; | ||
| + | justify-content: center; | ||
| + | align-items: center; | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | |||
| + | #party-dove { | ||
| + | max-width:100%; | ||
| + | z-index:100; | ||
| + | } | ||
| + | |||
#party-overlay{ | #party-overlay{ | ||
position: fixed; | position: fixed; | ||
| Line 11: | Line 27: | ||
right: 0; | right: 0; | ||
background: black; | background: black; | ||
| − | animation: p-p-p-party | + | animation: p-p-p-party 1s infinite; |
} | } | ||
@keyframes p-p-p-party{ | @keyframes p-p-p-party{ | ||
| − | 0% {background:# | + | 0% {background: #04FF40;} |
| − | 100% {background: # | + | 25% {background: #EB79AF;} |
| + | 50% {background: #09D1FF;} | ||
| + | 75% {background: #FF5916;} | ||
| + | 100% {background: #691EBF;} | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
| − | |||
<body> | <body> | ||
| + | |||
<div id="party-overlay"></div> | <div id="party-overlay"></div> | ||
| + | <div class="flr"> | ||
| + | <img id="party-dove" src="https://static.igem.org/mediawiki/2017/c/c8/T--Cologne-Duesseldorf--trash_dove.jpeg"> | ||
| + | </div> | ||
<iframe style="display:none" width="560" height="315" src="https://www.youtube.com/embed/OiJKuQtAz3A?autoplay=1" frameborder="0" allowfullscreen></iframe> | <iframe style="display:none" width="560" height="315" src="https://www.youtube.com/embed/OiJKuQtAz3A?autoplay=1" frameborder="0" allowfullscreen></iframe> | ||
| + | |||
| + | |||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 21:53, 7 December 2017
