Template:滚动条/style.css

.moe-animation:hover .ani-hover{animation-play-state: paused;}

.to-left{animation-name:move-to-left;}.to-left-0{animation-name:move-to-left-0;}
@keyframes move-to-left{0% {left:0;} 100% {left:100%;}}
@keyframes move-to-left-0{0% {left:-100%;} 100% {left:100%;}}

.to-right{animation-name:move-to-right;}.to-right-0{animation-name:move-to-right-0;}
@keyframes move-to-right{0% {right:0;} 100% {right:100%;}}
@keyframes move-to-right-0{0% {right:-100%;} 100% {right:100%;}}

.to-top{animation-name:move-to-top;}.to-top-0{animation-name:move-to-top-0;}
@keyframes move-to-top{0% {top:0;} 100% {top:100%;}}
@keyframes move-to-top-0{0% {top:-100%;} 100% {top:100%;}}

.to-bottom{animation-name:move-to-bottom;}.to-bottom-0{animation-name:move-to-bottom-0;}
@keyframes move-to-bottom{0% {bottom:0;} 100% {bottom:100%;}}
@keyframes move-to-bottom-0{0% {bottom:-100%;} 100% {bottom:100%;}}

.to-left-ex{animation-name:move-to-left-ex;}.to-left-ex-0{animation-name:move-to-left-ex-0;}
@keyframes move-to-left-ex{0% {left:0;} 50% {left:100%;} 100% {left:0;}}
@keyframes move-to-left-ex-0{0% {left:-100%;} 50% {left:100%;} 100% {left:-100%;}}

.to-right-ex{animation-name:move-to-right-ex;}.to-right-ex-0{animation-name:move-to-right-ex-0;}
@keyframes move-to-right-ex{0% {right:0%;} 50%{right:100%;} 100% {right:0%;}}
@keyframes move-to-right-ex-0{0% {right:-100%;} 50% {right:100%;} 100%{right:-100%;}}

.to-top-ex{animation-name:move-to-top-ex;}.to-top-ex-0{animation-name:move-to-top-ex-0;}
@keyframes move-to-top-ex{0% {top:0;} 50% {top:100%;} 100% {top:0;}}
@keyframes move-to-top-0-ex{0% {top:-100%;} 50% {top:100%;} 100% {top:-100%;}}

.to-bottom-ex{animation-name:move-to-bottom-ex;}.to-bottom-ex-0{animation-name:move-to-bottom-ex-0;}
@keyframes move-to-bottom-ex{0% {bottom:0;} 50% {bottom:100%;} 100% {bottom:0;}}
@keyframes move-to-bottom-0-ex{0% {bottom:-100%;} 50% {bottom:100%;} 100% {bottom:-100%;}}
/* [[Category:在模板名字空间下的CSS页面]] */