사용자:븤케인/연습장
보이기
< 사용자:븤케인
{{#css: img[alt] {
transform-origin: 50%, 50%; animation: titlespin linear 0.2s infinite;
}
- 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;} }
- mw-head li{
animation: swifty linear 1s infinite alternate
}
@keyframes swifty{
from{ transform:translate(-300%,0%)} to{ transform:translate(300%,0%)}
}
- 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}
} }}