Difference between revisions of "Team:Marburg"

Line 7: Line 7:
 
   color: white;
 
   color: white;
 
   letter-spacing: .3em;
 
   letter-spacing: .3em;
−
   animation: glitch-skew 1s linear alternate-reverse;
+
   animation: glitch-skew 1s linear alternate-reverse infinite;
 
}
 
}
 
.glitch::before {
 
.glitch::before {
Line 19: Line 19:
 
   text-shadow: -2px 0 #ff00c1;
 
   text-shadow: -2px 0 #ff00c1;
 
   clip: rect(44px, 450px, 56px, 0);
 
   clip: rect(44px, 450px, 56px, 0);
−
   animation: glitch-anim 5s linear alternate-reverse;
+
   animation: glitch-anim 5s linear alternate-reverse infinite;
 
}
 
}
 
.glitch::after {
 
.glitch::after {
Line 30: Line 30:
 
   left: -2px;
 
   left: -2px;
 
   text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
 
   text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
−
   animation: glitch-anim2 1s linear alternate-reverse;
+
   animation: glitch-anim2 1s linear alternate-reverse infinite;
 
}
 
}
  
−
/* Creates an animation with 20 steaps. For each step, it calculates
 
−
a percentage for the specific step. It then generates a random clip
 
−
box to be used for the random glitch effect. Also adds a very subtle
 
−
skew to change the 'thickness' of the glitch.*/
 
 
@keyframes glitch-anim {
 
@keyframes glitch-anim {
 
   0% {
 
   0% {

Revision as of 16:32, 4 September 2019

Fastest.

Phototrophic.

Organism.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.