사용자:븤케인/연습장2

{{#css: div.noprint {

   animation: rainbow linear 9s infinite alternate;

}

img[alt] {

   transform-origin: 10%, 25%;
   animation: justspin linear 20s infinite;

}

1. p-logo{

   display:block;
   animation: scale linear 9s infinite;

} h1, .gradient{

   display:block;
   animation: gradient linear 9s infinite;

}

@keyframes gradient { 0% {background: linear-gradient(0deg, #f00, #00f, #ff0, #f0f, #0f0, #f80, #08f, #000, #fff, #0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 11% {background: linear-gradient(0deg, #00f, #ff0, #f0f, #0f0, #f80, #08f, #000, #fff, #0ff, #f00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 22% {background: linear-gradient(0deg, #ff0, #f0f, #0f0, #f80, #08f, #000, #fff, #0ff, #f00, #00f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 33% {background: linear-gradient(0deg, #f0f, #0f0, #f80, #08f, #000, #fff, #ff0, #f00, #00f, #ff0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 44% {background: linear-gradient(0deg, #0f0, #f80, #08f, #000, #fff, #ff0, #f00, #00f, #ff0, #f0f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 56% {background: linear-gradient(0deg, #f80, #08f, #000, #fff, #ff0, #f00, #00f, #ff0, #f0f, #0f0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 67% {background: linear-gradient(0deg, #000, #fff, #ff0, #8f0, #f00, #00f, #ff0, #f0f, #0f0, #f80); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 78% {background: linear-gradient(0deg, #fff, #ff0, #8f0, #f00, #00f, #ff0, #f0f, #0f0, #f80, #000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 89% {background: linear-gradient(0deg, #ff0, #8f0, #f00, #00f, #ff0, #f0f, #0f0, #f80, #08f, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} 100% {background: linear-gradient(0deg, #8f0, #f00, #00f, #ff0, #f0f, #0f0, #f80, #08f, #f08, #0f8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space:nowrap;} }

p, div {

   animation: titlespin linear 9s infinite;
   transform-origin: 26% 73%;

}

h2, p.yt2 {

   animation: scale linear 9s infinite alternate;
   transform-origin: 50% 50%;
   color: #fff;

}

h3, table {

   animation: justspin linear 20s infinite alternate;
   transform-origin: 1% 89%;
   color: #fff;

}

span, p.yt {

   animation: backspin linear 20s infinite alternate;
   transform-origin: 50% 50%;

}

@keyframes scale {

   from {transform: scale(0);}
   to {transform: scale(1);}

}

@keyframes titlespin {

   from {transform: rotate(359deg);}
   to {transform: rotate(361deg);}

} @keyframes justspin {

   from {transform: rotate(0deg);}
   to {transform: rotate(360deg);}

} @keyframes backspin {

   from {transform: rotate(360deg);}
   to {transform: rotate(0deg);}

} body{

 animation: rainbow linear 0.1s infinite alternate;

}

@keyframes rainbow { 0% {background-color: #ff0000;} 10% {background-color: #ff8000;} 20% {background-color: #ffff00;} 30% {background-color: #80ff00;} 40% {background-color: #00ff00;} 50% {background-color: #00ff80;} 60% {background-color: #00ffff;} 70% {background-color: #0080ff;} 80% {background-color: #0000ff;} 90% {background-color: #8000ff;} 100%{background-color: #ff0080;} }

1. mw-head li{

   animation: swifty linear 9s infinite alternate

}

@keyframes swifty{

   from{ transform:translate(-300%,0%)}
   to{ transform:translate(300%,0%)}

}

1. mw-panel li{

   animation: swiftx linear 9s infinite alternate

}

@keyframes swiftx{

   from{ transform:translate(0%,-300%)}
   to{ transform:translate(0%,300%)}

} aa{

  animation:letters 0.179s infinite alternate

}

@keyframes letters{

 from{ letter-spacing:0.1em}
 to{ letter-spacing:1em}

} .ns-0 #content, .ns-0 #p-cactions li a:hover, .ns-0 #p-cactions li.selected a, h1{ background-color: #000; color: #fff; }

a{ color: #F0F; } }}