Difference between revisions of "Team:Cologne-Duesseldorf/PartyHard"

 
(5 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<head>
 
<head>
 
<style>
 
<style>
−
body {
+
.flr{
 +
  display:flex;
 +
  justify-content: center;
 +
  align-items: center;
 
   position: absolute;
 
   position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  top: 0;
 +
  bottom: 0;
 +
}
 +
 +
#party-dove {
 +
  max-width:100%; 
 +
  z-index:100;
 +
}
 +
 +
#party-overlay{
 +
  position: fixed;
 
   top: 0;
 
   top: 0;
 
   bottom: 0;
 
   bottom: 0;
Line 11: Line 27:
 
   right: 0;
 
   right: 0;
 
   background: black;
 
   background: black;
−
   animation: p-p-p-party 0.3s infinite;
+
   animation: p-p-p-party 1s infinite;
 
}
 
}
  
 
@keyframes p-p-p-party{
 
@keyframes p-p-p-party{
−
   0% {background:#952ADE;}
+
   0% {background: #04FF40;}
−
   100% {background: #200177;}
+
  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