사용자:븤케인/연습장

{{#css: img[alt] {

   transform-origin: 50%, 50%;
   animation: titlespin linear 0.2s infinite;

}

1. p-logo{

   display:block;
   position:fixed;
   top:50%;
   left:10%;
   transform-origin: 40vw 0;
   animation: titlespin linear 2s infinite;

} h1 {

   animation: titlespin linear 2s infinite;
   transform-origin: 50% 50%;

}

h2 {

   animation: scale linear 0.5s infinite alternate;
   transform-origin: 50% 50%;

}

@keyframes scale {

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

}

@keyframes titlespin {

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

} body{

 animation: rainbow linear 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 1s infinite alternate

}

@keyframes swifty{

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

}

1. mw-panel li{

   animation: swiftx linear 1s infinite alternate

}

@keyframes swiftx{

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

} aa{

  animation:letters 0.2s infinite alternate

}

@keyframes letters{

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

} }}