Difference between revisions of "User:Pepperonipi/Navigation Template"

From Science Olympiad Student Center Wiki
Jump to: navigation, search
(Testing header)
(Testing alt head)
Line 5: Line 5:
 
.rainbow-text {
 
.rainbow-text {
 
   /* Chrome, Safari, Opera */
 
   /* Chrome, Safari, Opera */
   -webkit-animation: rainbow 5s infinite;  
+
   -webkit-animation: rainbow 50s infinite;  
 
    
 
    
 
   /* Internet Explorer */
 
   /* Internet Explorer */
   -ms-animation: rainbow 5s infinite;
+
   -ms-animation: rainbow 50s infinite;
 
    
 
    
 
   /* Standar Syntax */
 
   /* Standar Syntax */
   animation: rainbow 5s infinite;
+
   animation: rainbow 50s infinite;
 
}
 
}
  
 
@-webkit-keyframes rainbow{
 
@-webkit-keyframes rainbow{
   0%{color: orange;}
+
   0%{color: red;}
  10%{color: purple;}
+
   16%{color: orange;}
20%{color: red;}
+
32%{color: yellow;}
   30%{color: CadetBlue;}
+
   50%{color: green;}
40%{color: yellow;}
+
66%{color: aqua;}
   50%{color: coral;}
+
   82%{color: blue;}
60%{color: green;}
+
100%{color: purple;}
  70%{color: cyan;}
 
   80%{color: DeepPink;}
 
  90%{color: DodgerBlue;}
 
100%{color: orange;}
 
 
}
 
}
  
 
/* Internet Explorer */
 
/* Internet Explorer */
 
@-ms-keyframes rainbow{
 
@-ms-keyframes rainbow{
   0%{color: orange;}
+
   0%{color: red;}
  10%{color: purple;}
+
   16%{color: orange;}
20%{color: red;}
+
32%{color: yellow;}
   30%{color: CadetBlue;}
+
   50%{color: green;}
40%{color: yellow;}
+
66%{color: aqua;}
   50%{color: coral;}
+
   82%{color: blue;}
60%{color: green;}
+
100%{color: purple;}
  70%{color: cyan;}
 
   80%{color: DeepPink;}
 
  90%{color: DodgerBlue;}
 
100%{color: orange;}
 
 
}
 
}
  
 
/* Standar Syntax */
 
/* Standar Syntax */
 
@keyframes rainbow{
 
@keyframes rainbow{
   0%{color: orange;}
+
   0%{color: red;}
  10%{color: purple;}
+
   16%{color: orange;}
  20%{color: red;}
+
32%{color: yellow;}
   30%{color: CadetBlue;}
+
   50%{color: green;}
  40%{color: yellow;}
+
66%{color: aqua;}
   50%{color: coral;}
+
   82%{color: blue;}
  60%{color: green;}
+
100%{color: purple;}
  70%{color: cyan;}
 
  80%{color: DeepPink;}
 
   90%{color: DodgerBlue;}
 
  100%{color: orange;}
 
 
}
 
}
 
}}
 
}}

Revision as of 19:17, 23 December 2019


👷‍♂️ This template is currently under construction. Please don't use it yet! 👷‍♀️


pepperonipi
Main Page 🌈
Talk Page 💬
Sandbox 🏖 ★ Main Sandbox · Sandbox 2 · Sandbox 3 · Sandbox 4
Wiki 🔎 Userboxes · Construction Template · Project Regionals