Template:M-animation/style.css

.moe-animation:hover .ani-hover{animation-play-state: paused;}
.moe-ani-count-infinite, .ani-count-infinite,.ani-infinite{animation-iteration-count: infinite;}
.ani-linear{animation-timing-function:linear;}.ani-stay{animation-fill-mode:forwards;}
/* animation-time */
.ani-time-01{animation-duration:0.1s;}.ani-time-02{animation-duration:0.2s;}.ani-time-03{animation-duration:0.3s;}
.ani-time-04{animation-duration:0.4s;}.ani-time-05{animation-duration:0.5s;}.ani-time-06{animation-duration:0.6s;}
.ani-time-07{animation-duration:0.7s;}.ani-time-08{animation-duration:0.8s;}.ani-time-09{animation-duration:0.9s;}
.ani-time-1{animation-duration:1s;}.ani-time-2{animation-duration:2s;}.ani-time-3{animation-duration:3s;}
.ani-time-4{animation-duration:4s;}.ani-time-5{animation-duration:5s;}.ani-time-6{animation-duration:6s;}
.ani-time-7{animation-duration:7s;}.ani-time-8{animation-duration:8s;}.ani-time-9{animation-duration:9s;}.ani-time-10{animation-duration:10s;}
.ani-time-11{animation-duration:11s;}.ani-time-12{animation-duration:12s;}.ani-time-13{animation-duration:13s;}
.ani-time-14{animation-duration:14s;}.ani-time-15{animation-duration:15s;}.ani-time-16{animation-duration:16s;}
.ani-time-17{animation-duration:17s;}.ani-time-18{animation-duration:18s;}.ani-time-19{animation-duration:19s;}.ani-time-20{animation-duration:20s;}
.ani-time-21{animation-duration:21s;}.ani-time-22{animation-duration:22s;}.ani-time-23{animation-duration:23s;}
.ani-time-24{animation-duration:24s;}.ani-time-25{animation-duration:25s;}.ani-time-26{animation-duration:26s;}
.ani-time-27{animation-duration:27s;}.ani-time-28{animation-duration:28s;}.ani-time-29{animation-duration:29s;}.ani-time-30{animation-duration:30s;}
.ani-time-31{animation-duration:31s;}.ani-time-32{animation-duration:32s;}.ani-time-33{animation-duration:33s;}
.ani-time-34{animation-duration:34s;}.ani-time-35{animation-duration:35s;}.ani-time-36{animation-duration:36s;}
.ani-time-37{animation-duration:37s;}.ani-time-38{animation-duration:38s;}.ani-time-39{animation-duration:39s;}.ani-time-40{animation-duration:40s;}
.ani-time-41{animation-duration:41s;}.ani-time-42{animation-duration:42s;}.ani-time-43{animation-duration:43s;}
.ani-time-44{animation-duration:44s;}.ani-time-45{animation-duration:45s;}.ani-time-46{animation-duration:46s;}
.ani-time-47{animation-duration:47s;}.ani-time-48{animation-duration:48s;}.ani-time-49{animation-duration:49s;}.ani-time-50{animation-duration:50s;}
.ani-time-51{animation-duration:51s;}.ani-time-52{animation-duration:52s;}.ani-time-53{animation-duration:53s;}
.ani-time-54{animation-duration:54s;}.ani-time-55{animation-duration:55s;}.ani-time-56{animation-duration:56s;}
.ani-time-57{animation-duration:57s;}.ani-time-58{animation-duration:58s;}.ani-time-59{animation-duration:59s;}.ani-time-1m .ani-time-60{animation-duration:60s;}
.ani-time-1h, .ani-time-60m, .ani-time-3600{animation-duration:3600s;} .ani-time-1d, .ani-time-24h, .ani-time-1440m, .ani-time-86400{animation-duration:86400s;}
.ani-time-7d, .ani-time-168h, .ani-time-10080m, .ani-time-604800{animation-duration:604800s;}
/* animation-delay */
.ani-delay-01{animation-delay:0.1s;}.ani-delay-02{animation-delay:0.2s;}.ani-delay-03{animation-delay:0.3s;}
.ani-delay-04{animation-delay:0.4s;}.ani-delay-05{animation-delay:0.5s;}.ani-delay-06{animation-delay:0.6s;}
.ani-delay-07{animation-delay:0.7s;}.ani-delay-08{animation-delay:0.8s;}.ani-delay-09{animation-delay:0.9s;}
.ani-delay-1{animation-delay:1s;}.ani-delay-2{animation-delay:2s;}.ani-delay-3{animation-delay:3s;}
.ani-delay-4{animation-delay:4s;}.ani-delay-5{animation-delay:5s;}.ani-delay-6{animation-delay:6s;}
.ani-delay-7{animation-delay:7s;}.ani-delay-8{animation-delay:8s;}.ani-delay-9{animation-delay:9s;}.ani-delay-10{animation-delay:10s;}
.ani-delay-11{animation-delay:11s;}.ani-delay-12{animation-delay:12s;}.ani-delay-13{animation-delay:13s;}
.ani-delay-14{animation-delay:14s;}.ani-delay-15{animation-delay:15s;}.ani-delay-16{animation-delay:16s;}
.ani-delay-17{animation-delay:17s;}.ani-delay-18{animation-delay:18s;}.ani-delay-19{animation-delay:19s;}.ani-delay-20{animation-delay:20s;}
.ani-delay-21{animation-delay:21s;}.ani-delay-22{animation-delay:22s;}.ani-delay-23{animation-delay:23s;}
.ani-delay-24{animation-delay:24s;}.ani-delay-25{animation-delay:25s;}.ani-delay-26{animation-delay:26s;}
.ani-delay-27{animation-delay:27s;}.ani-delay-28{animation-delay:28s;}.ani-delay-29{animation-delay:29s;}.ani-delay-30{animation-delay:30s;}
.ani-delay-31{animation-delay:31s;}.ani-delay-32{animation-delay:32s;}.ani-delay-33{animation-delay:33s;}
.ani-delay-34{animation-delay:34s;}.ani-delay-35{animation-delay:35s;}.ani-delay-36{animation-delay:36s;}
.ani-delay-37{animation-delay:37s;}.ani-delay-38{animation-delay:38s;}.ani-delay-39{animation-delay:39s;}.ani-delay-40{animation-delay:40s;}
.ani-delay-41{animation-delay:41s;}.ani-delay-42{animation-delay:42s;}.ani-delay-43{animation-delay:43s;}
.ani-delay-44{animation-delay:44s;}.ani-delay-45{animation-delay:45s;}.ani-delay-46{animation-delay:46s;}
.ani-delay-47{animation-delay:47s;}.ani-delay-48{animation-delay:48s;}.ani-delay-49{animation-delay:49s;}.ani-delay-50{animation-delay:50s;}
.ani-delay-51{animation-delay:51s;}.ani-delay-52{animation-delay:52s;}.ani-delay-53{animation-delay:53s;}
.ani-delay-54{animation-delay:54s;}.ani-delay-55{animation-delay:55s;}.ani-delay-56{animation-delay:56s;}
.ani-delay-57{animation-delay:57s;}.ani-delay-58{animation-delay:58s;}.ani-delay-59{animation-delay:59s;}.ani-delay-60{animation-delay:60s;}
/* animation-frames */
.ani-hide{animation-name:hide;}@keyframes hide{from {opacity:1;} to {opacity:0;}}
.ani-appear{animation-name:appear;}@keyframes appear{from {opacity:0;} to {opacity:1;}}
.ani-hta{animation-name:hidetoappear}@keyframes hidetoappear{0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;}}
.ani-ath{animation-name:appeartohide}@keyframes appeartohide{0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}}
/* animation-frames */
.ani-move-ltr{animation-name:move-ltr;}@keyframes move-ltr{from {margin-left:calc(0%);} to {margin-left:100%;}}
.ani-move-ltr-1{animation-name:move-ltr-1;}@keyframes move-ltr-1{from {margin-left:calc(0% - 30px);} to {margin-left:100%;}}
.ani-move-ltr-2{animation-name:move-ltr-2;}@keyframes move-ltr-2{from {margin-left:calc(0% - 60px);} to {margin-left:100%;}}
.ani-move-ltr-3{animation-name:move-ltr-3;}@keyframes move-ltr-3{from {margin-left:calc(0% - 90px);} to {margin-left:100%;}}
.ani-move-ltr-4{animation-name:move-ltr-4;}@keyframes move-ltr-4{from {margin-left:calc(0% - 120px);} to {margin-left:100%;}}
.ani-move-ltr-5{animation-name:move-ltr-5;}@keyframes move-ltr-5{from {margin-left:calc(0% - 150px);} to {margin-left:100%;}}
.ani-move-ltr-6{animation-name:move-ltr-6;}@keyframes move-ltr-6{from {margin-left:calc(0% - 180px);} to {margin-left:100%;}}
.ani-move-ltr-7{animation-name:move-ltr-7;}@keyframes move-ltr-7{from {margin-left:calc(0% - 210px);} to {margin-left:100%;}}
.ani-move-ltr-8{animation-name:move-ltr-8;}@keyframes move-ltr-8{from {margin-left:calc(0% - 240px);} to {margin-left:100%;}}
.ani-move-ltr-9{animation-name:move-ltr-9;}@keyframes move-ltr-9{from {margin-left:calc(0% - 270px);} to {margin-left:100%;}}
.ani-move-ltr-10{animation-name:move-ltr-10;}@keyframes move-ltr-10{from {margin-left:calc(0% - 300px);} to {margin-left:100%;}}
.ani-move-ltr-11{animation-name:move-ltr-11;}@keyframes move-ltr-11{from {margin-left:calc(0% - 330px);} to {margin-left:100%;}}
.ani-move-ltr-12{animation-name:move-ltr-12;}@keyframes move-ltr-12{from {margin-left:calc(0% - 360px);} to {margin-left:100%;}}
.ani-move-ltr-13{animation-name:move-ltr-13;}@keyframes move-ltr-13{from {margin-left:calc(0% - 390px);} to {margin-left:100%;}}
.ani-move-ltr-14{animation-name:move-ltr-14;}@keyframes move-ltr-14{from {margin-left:calc(0% - 420px);} to {margin-left:100%;}}
.ani-move-ltr-15{animation-name:move-ltr-15;}@keyframes move-ltr-15{from {margin-left:calc(0% - 450px);} to {margin-left:100%;}}
.ani-move-ltr-16{animation-name:move-ltr-16;}@keyframes move-ltr-16{from {margin-left:calc(0% - 480px);} to {margin-left:100%;}}
.ani-move-rtl{animation-name:move-rtl;}@keyframes move-rtl{from {margin-left:100%;} to {margin-left:calc(0%);}}
.ani-move-rtl-1{animation-name:move-rtl-1;}@keyframes move-rtl-1{from {margin-left:100%;} to {margin-left:calc(0% - 30px);}}
.ani-move-rtl-2{animation-name:move-rtl-2;}@keyframes move-rtl-2{from {margin-left:100%;} to {margin-left:calc(0% - 60px);}}
.ani-move-rtl-3{animation-name:move-rtl-3;}@keyframes move-rtl-3{from {margin-left:100%;} to {margin-left:calc(0% - 90px);}}
.ani-move-rtl-4{animation-name:move-rtl-4;}@keyframes move-rtl-4{from {margin-left:100%;} to {margin-left:calc(0% - 120px);}}
.ani-move-rtl-5{animation-name:move-rtl-5;}@keyframes move-rtl-5{from {margin-left:100%;} to {margin-left:calc(0% - 150px);}}
.ani-move-rtl-6{animation-name:move-rtl-6;}@keyframes move-rtl-6{from {margin-left:100%;} to {margin-left:calc(0% - 180px);}}
.ani-move-rtl-7{animation-name:move-rtl-7;}@keyframes move-rtl-7{from {margin-left:100%;} to {margin-left:calc(0% - 210px);}}
.ani-move-rtl-8{animation-name:move-rtl-8;}@keyframes move-rtl-8{from {margin-left:100%;} to {margin-left:calc(0% - 240px);}}
.ani-move-rtl-9{animation-name:move-rtl-9;}@keyframes move-rtl-9{from {margin-left:100%;} to {margin-left:calc(0% - 270px);}}
.ani-move-rtl-10{animation-name:move-rtl-10;}@keyframes move-rtl-10{from {margin-left:100%;} to {margin-left:calc(0% - 300px);}}
.ani-move-rtl-11{animation-name:move-rtl-11;}@keyframes move-rtl-11{from {margin-left:100%;} to {margin-left:calc(0% - 330px);}}
.ani-move-rtl-12{animation-name:move-rtl-12;}@keyframes move-rtl-12{from {margin-left:100%;} to {margin-left:calc(0% - 360px);}}
.ani-move-rtl-13{animation-name:move-rtl-13;}@keyframes move-rtl-13{from {margin-left:100%;} to {margin-left:calc(0% - 390px);}}
.ani-move-rtl-14{animation-name:move-rtl-14;}@keyframes move-rtl-14{from {margin-left:100%;} to {margin-left:calc(0% - 420px);}}
.ani-move-rtl-15{animation-name:move-rtl-15;}@keyframes move-rtl-15{from {margin-left:100%;} to {margin-left:calc(0% - 450px);}}
.ani-move-rtl-16{animation-name:move-rtl-16;}@keyframes move-rtl-16{from {margin-left:100%;} to {margin-left:calc(0% - 480px);}}
.ani-move-ltl{animation-name:move-ltl;}@keyframes move-ltl{50% {margin-left:0%;} 50% {margin-left:100%;} 100% {margin-left:0%;}}
.ani-move-ltl-1{animation-name:move-ltl-1;}@keyframes move-ltl-1{0% {margin-left:calc(0% - 30px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 30px);}}
.ani-move-ltl-2{animation-name:move-ltl-2;}@keyframes move-ltl-2{0% {margin-left:calc(0% - 60px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 60px);}}
.ani-move-ltl-3{animation-name:move-ltl-3;}@keyframes move-ltl-3{0% {margin-left:calc(0% - 90px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 90px);}}
.ani-move-ltl-4{animation-name:move-ltl-4;}@keyframes move-ltl-4{0% {margin-left:calc(0% - 120px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 120px);}}
.ani-move-ltl-5{animation-name:move-ltl-5;}@keyframes move-ltl-5{0% {margin-left:calc(0% - 150px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 150px);}}
.ani-move-ltl-6{animation-name:move-ltl-6;}@keyframes move-ltl-6{0% {margin-left:calc(0% - 180px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 180px);}}
.ani-move-ltl-7{animation-name:move-ltl-7;}@keyframes move-ltl-7{0% {margin-left:calc(0% - 210px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 210px);}}
.ani-move-ltl-8{animation-name:move-ltl-8;}@keyframes move-ltl-8{0% {margin-left:calc(0% - 240px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 240px);}}
.ani-move-ltl-9{animation-name:move-ltl-9;}@keyframes move-ltl-9{0% {margin-left:calc(0% - 270px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 270px);}}
.ani-move-ltl-10{animation-name:move-ltl-10;}@keyframes move-ltl-10{0% {margin-left:calc(0% - 300px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 300px);}}
.ani-move-ltl-11{animation-name:move-ltl-11;}@keyframes move-ltl-11{0% {margin-left:calc(0% - 330px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 330px);}}
.ani-move-ltl-12{animation-name:move-ltl-12;}@keyframes move-ltl-12{0% {margin-left:calc(0% - 360px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 360px);}}
.ani-move-ltl-13{animation-name:move-ltl-13;}@keyframes move-ltl-13{0% {margin-left:calc(0% - 390px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 390px);}}
.ani-move-ltl-14{animation-name:move-ltl-14;}@keyframes move-ltl-14{0% {margin-left:calc(0% - 420px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 420px);}}
.ani-move-ltl-15{animation-name:move-ltl-15;}@keyframes move-ltl-15{0% {margin-left:calc(0% - 450px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 450px);}}
.ani-move-ltl-16{animation-name:move-ltl-16;}@keyframes move-ltl-16{0% {margin-left:calc(0% - 480px);} 50% {margin-left:100%;} 100% {margin-left:calc(0% - 480px);}}
.ani-move-rtr{animation-name:move-rtr;}@keyframes move-rtr{0% {margin-left:100%;} 50% {margin-left:0%;} 100% {margin-left:100%;}}
.ani-move-rtr-1{animation-name:move-rtr-1;}@keyframes move-rtr-1{0% {margin-left:100%;} 50% {margin-left:calc(0% - 30px);} 100% {margin-left:100%;}}
.ani-move-rtr-2{animation-name:move-rtr-2;}@keyframes move-rtr-2{0% {margin-left:100%;} 50% {margin-left:calc(0% - 60px);} 100% {margin-left:100%;}}
.ani-move-rtr-3{animation-name:move-rtr-3;}@keyframes move-rtr-3{0% {margin-left:100%;} 50% {margin-left:calc(0% - 90px);} 100% {margin-left:100%;}}
.ani-move-rtr-4{animation-name:move-rtr-4;}@keyframes move-rtr-4{0% {margin-left:100%;} 50% {margin-left:calc(0% - 120px);} 100% {margin-left:100%;}}
.ani-move-rtr-5{animation-name:move-rtr-5;}@keyframes move-rtr-5{0% {margin-left:100%;} 50% {margin-left:calc(0% - 150px);} 100% {margin-left:100%;}}
.ani-move-rtr-6{animation-name:move-rtr-6;}@keyframes move-rtr-6{0% {margin-left:100%;} 50% {margin-left:calc(0% - 180px);} 100% {margin-left:100%;}}
.ani-move-rtr-7{animation-name:move-rtr-7;}@keyframes move-rtr-7{0% {margin-left:100%;} 50% {margin-left:calc(0% - 210px);} 100% {margin-left:100%;}}
.ani-move-rtr-8{animation-name:move-rtr-8;}@keyframes move-rtr-8{0% {margin-left:100%;} 50% {margin-left:calc(0% - 240px);} 100% {margin-left:100%;}}
.ani-move-rtr-9{animation-name:move-rtr-9;}@keyframes move-rtr-9{0% {margin-left:100%;} 50% {margin-left:calc(0% - 270px);} 100% {margin-left:100%;}}
.ani-move-rtr-10{animation-name:move-rtr-10;}@keyframes move-rtr-10{0% {margin-left:100%;} 50% {margin-left:calc(0% - 300px);} 100% {margin-left:100%;}}
.ani-move-rtr-11{animation-name:move-rtr-11;}@keyframes move-rtr-11{0% {margin-left:100%;} 50% {margin-left:calc(0% - 330px);} 100% {margin-left:100%;}}
.ani-move-rtr-12{animation-name:move-rtr-12;}@keyframes move-rtr-12{0% {margin-left:100%;} 50% {margin-left:calc(0% - 360px);} 100% {margin-left:100%;}}
.ani-move-rtr-13{animation-name:move-rtr-13;}@keyframes move-rtr-13{0% {margin-left:100%;} 50% {margin-left:calc(0% - 390px);} 100% {margin-left:100%;}}
.ani-move-rtr-14{animation-name:move-rtr-14;}@keyframes move-rtr-14{0% {margin-left:100%;} 50% {margin-left:calc(0% - 420px);} 100% {margin-left:100%;}}
.ani-move-rtr-15{animation-name:move-rtr-15;}@keyframes move-rtr-15{0% {margin-left:100%;} 50% {margin-left:calc(0% - 450px);} 100% {margin-left:100%;}}
.ani-move-rtr-16{animation-name:move-rtr-16;}@keyframes move-rtr-16{0% {margin-left:100%;} 50% {margin-left:calc(0% - 480px);} 100% {margin-left:100%;}}
.ani-move-exltl-1{animation-name:move-exltl-1;}@keyframes move-exltl-1{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 30px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-2{animation-name:move-exltl-2;}@keyframes move-exltl-2{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 60px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-3{animation-name:move-exltl-3;}@keyframes move-exltl-3{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 90px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-4{animation-name:move-exltl-4;}@keyframes move-exltl-4{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 120px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-5{animation-name:move-exltl-5;}@keyframes move-exltl-5{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 150px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-6{animation-name:move-exltl-6;}@keyframes move-exltl-6{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 180px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-7{animation-name:move-exltl-7;}@keyframes move-exltl-7{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 210px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-8{animation-name:move-exltl-8;}@keyframes move-exltl-8{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 240px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-9{animation-name:move-exltl-9;}@keyframes move-exltl-9{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 270px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-10{animation-name:move-exltl-10;}@keyframes move-exltl-10{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 300px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-11{animation-name:move-exltl-11;}@keyframes move-exltl-11{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 330px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-12{animation-name:move-exltl-12;}@keyframes move-exltl-12{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 360px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-13{animation-name:move-exltl-13;}@keyframes move-exltl-13{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 390px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-14{animation-name:move-exltl-14;}@keyframes move-exltl-14{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 420px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-15{animation-name:move-exltl-15;}@keyframes move-exltl-15{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 450px);} 100% {margin-left:calc(0%);}}
.ani-move-exltl-16{animation-name:move-exltl-16;}@keyframes move-exltl-16{0% {margin-left:calc(0%);} 50% {margin-left:calc(100% - 480px);} 100% {margin-left:calc(0%);}}
.ani-move-exrtr-1{animation-name:move-exrtr-1;}@keyframes move-exrtr-1{0% {margin-left:calc(100% - 30px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 30px);}}
.ani-move-exrtr-2{animation-name:move-exrtr-2;}@keyframes move-exrtr-2{0% {margin-left:calc(100% - 60px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 60px);}}
.ani-move-exrtr-3{animation-name:move-exrtr-3;}@keyframes move-exrtr-3{0% {margin-left:calc(100% - 90px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 90px);}}
.ani-move-exrtr-4{animation-name:move-exrtr-4;}@keyframes move-exrtr-4{0% {margin-left:calc(100% - 120px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 120px);}}
.ani-move-exrtr-5{animation-name:move-exrtr-5;}@keyframes move-exrtr-5{0% {margin-left:calc(100% - 150px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 150px);}}
.ani-move-exrtr-6{animation-name:move-exrtr-6;}@keyframes move-exrtr-6{0% {margin-left:calc(100% - 180px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 180px);}}
.ani-move-exrtr-7{animation-name:move-exrtr-7;}@keyframes move-exrtr-7{0% {margin-left:calc(100% - 210px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 210px);}}
.ani-move-exrtr-8{animation-name:move-exrtr-8;}@keyframes move-exrtr-8{0% {margin-left:calc(100% - 240px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 240px);}}
.ani-move-exrtr-9{animation-name:move-exrtr-9;}@keyframes move-exrtr-9{0% {margin-left:calc(100% - 270px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 270px);}}
.ani-move-exrtr-10{animation-name:move-exrtr-10;}@keyframes move-exrtr-10{0% {margin-left:calc(100% - 300px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 300px);}}
.ani-move-exrtr-11{animation-name:move-exrtr-11;}@keyframes move-exrtr-11{0% {margin-left:calc(100% - 330px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 330px);}}
.ani-move-exrtr-12{animation-name:move-exrtr-12;}@keyframes move-exrtr-12{0% {margin-left:calc(100% - 360px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 360px);}}
.ani-move-exrtr-13{animation-name:move-exrtr-13;}@keyframes move-exrtr-13{0% {margin-left:calc(100% - 390px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 390px);}}
.ani-move-exrtr-14{animation-name:move-exrtr-14;}@keyframes move-exrtr-14{0% {margin-left:calc(100% - 420px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 420px);}}
.ani-move-exrtr-15{animation-name:move-exrtr-15;}@keyframes move-exrtr-15{0% {margin-left:calc(100% - 450px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 450px);}}
.ani-move-exrtr-16{animation-name:move-exrtr-16;}@keyframes move-exrtr-16{0% {margin-left:calc(100% - 480px);} 50% {margin-left:calc(0%);} 100% {margin-left:calc(100% - 480px);}}
/* animation-frames */
.ani-rotate10{animation-name:rotate10;}@keyframes rotate10{ from {transform:rotate(0deg);} to {transform:rotate(10deg);} }
.ani-rotate20{animation-name:rotate20;}@keyframes rotate20{ from {transform:rotate(0deg);} to {transform:rotate(20deg);} }
.ani-rotate30{animation-name:rotate30;}@keyframes rotate30{ from {transform:rotate(0deg);} to {transform:rotate(30deg);} }
.ani-rotate40{animation-name:rotate40;}@keyframes rotate40{ from {transform:rotate(0deg);} to {transform:rotate(40deg);} }
.ani-rotate45{animation-name:rotate45;}@keyframes rotate45{ from {transform:rotate(0deg);} to {transform:rotate(45deg);} }
.ani-rotate50{animation-name:rotate50;}@keyframes rotate50{ from {transform:rotate(0deg);} to {transform:rotate(50deg);} }
.ani-rotate60{animation-name:rotate60;}@keyframes rotate60{ from {transform:rotate(0deg);} to {transform:rotate(60deg);} }
.ani-rotate70{animation-name:rotate70;}@keyframes rotate70{ from {transform:rotate(0deg);} to {transform:rotate(70deg);} }
.ani-rotate80{animation-name:rotate80;}@keyframes rotate80{ from {transform:rotate(0deg);} to {transform:rotate(80deg);} }
.ani-rotate90{animation-name:rotate90;}@keyframes rotate90{ from {transform:rotate(0deg);} to {transform:rotate(90deg);} }
.ani-rotate180{animation-name:rotate180;}@keyframes rotate180{ from {transform:rotate(0deg);} to {transform:rotate(180deg);} }
.ani-rotate270{animation-name:rotate270;}@keyframes rotate270{ from {transform:rotate(0deg);} to {transform:rotate(270deg);} }
.ani-rotate360{animation-name:rotate360;}@keyframes rotate360{ from {transform:rotate(0deg);} to {transform:rotate(360deg);} }
.ani-rotate-10{animation-name:rotate-10;}@keyframes rotate-10{ from {transform:rotate(0deg);} to {transform:rotate(-10deg);} }
.ani-rotate-20{animation-name:rotate-20;}@keyframes rotate-20{ from {transform:rotate(0deg);} to {transform:rotate(-20deg);} }
.ani-rotate-30{animation-name:rotate-30;}@keyframes rotate-30{ from {transform:rotate(0deg);} to {transform:rotate(-30deg);} }
.ani-rotate-40{animation-name:rotate-40;}@keyframes rotate-40{ from {transform:rotate(0deg);} to {transform:rotate(-40deg);} }
.ani-rotate-45{animation-name:rotate-45;}@keyframes rotate-45{ from {transform:rotate(0deg);} to {transform:rotate(-45deg);} }
.ani-rotate-50{animation-name:rotate-50;}@keyframes rotate-50{ from {transform:rotate(0deg);} to {transform:rotate(-50deg);} }
.ani-rotate-60{animation-name:rotate-60;}@keyframes rotate-60{ from {transform:rotate(0deg);} to {transform:rotate(-60deg);} }
.ani-rotate-70{animation-name:rotate-70;}@keyframes rotate-70{ from {transform:rotate(0deg);} to {transform:rotate(-70deg);} }
.ani-rotate-80{animation-name:rotate-80;}@keyframes rotate-80{ from {transform:rotate(0deg);} to {transform:rotate(-80deg);} }
.ani-rotate-90{animation-name:rotate-90;}@keyframes rotate-90{ from {transform:rotate(0deg);} to {transform:rotate(-90deg);} }
.ani-rotate-180{animation-name:rotate-180;}@keyframes rotate-180{ from {transform:rotate(0deg);} to {transform:rotate(-180deg);} }
.ani-rotate-270{animation-name:rotate-270;}@keyframes rotate-270{ from {transform:rotate(0deg);} to {transform:rotate(-270deg);} }
.ani-rotate-360{animation-name:rotate-360;}@keyframes rotate-360{ from {transform:rotate(0deg);} to {transform:rotate(-360deg);} }
.ani-rotate10-re{animation-name:rotate10-re;}@keyframes rotate10-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(10deg);} 100% {transform:rotate(0deg);}}
.ani-rotate20-re{animation-name:rotate20-re;}@keyframes rotate20-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(20deg);} 100% {transform:rotate(0deg);}}
.ani-rotate30-re{animation-name:rotate30-re;}@keyframes rotate30-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(30deg);} 100% {transform:rotate(0deg);}}
.ani-rotate40-re{animation-name:rotate40-re;}@keyframes rotate40-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(40deg);} 100% {transform:rotate(0deg);}}
.ani-rotate45-re{animation-name:rotate45-re;}@keyframes rotate45-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(45deg);} 100% {transform:rotate(0deg);}}
.ani-rotate50-re{animation-name:rotate50-re;}@keyframes rotate50-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(50deg);} 100% {transform:rotate(0deg);}}
.ani-rotate60-re{animation-name:rotate60-re;}@keyframes rotate60-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(60deg);} 100% {transform:rotate(0deg);}}
.ani-rotate70-re{animation-name:rotate70-re;}@keyframes rotate70-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(70deg);} 100% {transform:rotate(0deg);}}
.ani-rotate80-re{animation-name:rotate80-re;}@keyframes rotate80-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(80deg);} 100% {transform:rotate(0deg);}}
.ani-rotate90-re{animation-name:rotate90-re;}@keyframes rotate90-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(90deg);} 100% {transform:rotate(0deg);}}
.ani-rotate180-re{animation-name:rotate180-re;}@keyframes rotate180-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(180deg);} 100% {transform:rotate(0deg);}}
.ani-rotate270-re{animation-name:rotate270-re;}@keyframes rotate270-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(270deg);} 100% {transform:rotate(0deg);}}
.ani-rotate360-re{animation-name:rotate360-re;}@keyframes rotate360-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(360deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-10-re{animation-name:rotate-10-re;}@keyframes rotate-10-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-10deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-20-re{animation-name:rotate-20-re;}@keyframes rotate-20-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-20deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-30-re{animation-name:rotate-30-re;}@keyframes rotate-30-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-30deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-40-re{animation-name:rotate-40-re;}@keyframes rotate-40-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-40deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-45-re{animation-name:rotate-45-re;}@keyframes rotate-45-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-45deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-50-re{animation-name:rotate-50-re;}@keyframes rotate-50-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-50deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-60-re{animation-name:rotate-60-re;}@keyframes rotate-60-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-60deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-70-re{animation-name:rotate-70-re;}@keyframes rotate-70-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-70deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-80-re{animation-name:rotate-80-re;}@keyframes rotate-80-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-80deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-90-re{animation-name:rotate-90-re;}@keyframes rotate-90-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-90deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-180-re{animation-name:rotate-180-re;}@keyframes rotate-180-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-180deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-270-re{animation-name:rotate-270-re;}@keyframes rotate-270-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-270deg);} 100% {transform:rotate(0deg);}}
.ani-rotate-360-re{animation-name:rotate-360-re;}@keyframes rotate-360-re{ 0% {transform:rotate(0deg);} 50% {transform:rotate(-360deg);} 100% {transform:rotate(0deg);}}

.ani-rotateY160{animation-name:rotateY160;}@keyframes rotateY160{ 0% {transform:rotateY(0deg);} 100% {transform:rotateY(160deg);}}
.ani-rotateY-160{animation-name:rotateY-160;}@keyframes rotateY-160{ 0% {transform:rotateY(0deg);} 100% {transform:rotateY(-160deg);}}

.ani-zoom-out{animation-name:zoom-out;}@keyframes zoom-out{0% {transform:scale(1,1);} 100% {transform:scale(2,2)}}
.ani-zoom-out3{animation-name:zoom-out3;}@keyframes zoom-out3{0% {transform:scale(1,1);} 100% {transform:scale(3,3)}}
.ani-zoom-out4{animation-name:zoom-out4;}@keyframes zoom-out4{0% {transform:scale(1,1);} 100% {transform:scale(4,4)}}
.ani-zoom-out5{animation-name:zoom-out5;}@keyframes zoom-out5{0% {transform:scale(1,1);} 100% {transform:scale(5,5)}}
.ani-zoom-out6{animation-name:zoom-out6;}@keyframes zoom-out4{0% {transform:scale(1,1);} 100% {transform:scale(6,6)}}
.ani-zoom-out7{animation-name:zoom-out7;}@keyframes zoom-out7{0% {transform:scale(1,1);} 100% {transform:scale(7,7)}}
.ani-zoom-out8{animation-name:zoom-out8;}@keyframes zoom-out8{0% {transform:scale(1,1);} 100% {transform:scale(8,8)}}
.ani-zoom-out9{animation-name:zoom-out9;}@keyframes zoom-out9{0% {transform:scale(1,1);} 100% {transform:scale(9,9)}}
.ani-zoom-out10{animation-name:zoom-out10;}@keyframes zoom-out10{0% {transform:scale(1,1);} 100% {transform:scale(10,10)}}
.ani-zoom-out11{animation-name:zoom-out11;}@keyframes zoom-out11{0% {transform:scale(1,1);} 100% {transform:scale(11,11)}}
.ani-zoom-outin{animation-name:zoom-outin;}@keyframes zoom-outin{0% {transform:scale(1,1);} 50% {transform:scale(2,2)} 100% {transform:scale(1,1)}}
.ani-zoom-outin3{animation-name:zoom-outin3;}@keyframes zoom-outin3{0% {transform:scale(1,1);} 50% {transform:scale(3,3)} 100% {transform:scale(1,1)}}
.ani-zoom-outin4{animation-name:zoom-outin4;}@keyframes zoom-outin4{0% {transform:scale(1,1);} 50% {transform:scale(4,4)} 100% {transform:scale(1,1)}}
.ani-zoom-outin5{animation-name:zoom-outin5;}@keyframes zoom-outin5{0% {transform:scale(1,1);} 50% {transform:scale(5,5)} 100% {transform:scale(1,1)}}
.ani-zoom-outin6{animation-name:zoom-outin6;}@keyframes zoom-outin6{0% {transform:scale(1,1);} 50% {transform:scale(6,6)} 100% {transform:scale(1,1)}}
.ani-zoom-outin7{animation-name:zoom-outin7;}@keyframes zoom-outin7{0% {transform:scale(1,1);} 50% {transform:scale(7,7)} 100% {transform:scale(1,1)}}
.ani-zoom-outin8{animation-name:zoom-outin8;}@keyframes zoom-outin8{0% {transform:scale(1,1);} 50% {transform:scale(8,8)} 100% {transform:scale(1,1)}}
.ani-zoom-outin9{animation-name:zoom-outin9;}@keyframes zoom-outin9{0% {transform:scale(1,1);} 50% {transform:scale(9,9)} 100% {transform:scale(1,1)}}
.ani-zoom-outin10{animation-name:zoom-outin10;}@keyframes zoom-outin10{0% {transform:scale(1,1);} 50% {transform:scale(10,10)} 100% {transform:scale(1,1)}}
.ani-zoom-outin11{animation-name:zoom-outin11;}@keyframes zoom-outin11{0% {transform:scale(1,1);} 50% {transform:scale(11,11)} 100% {transform:scale(1,1)}}
.ani-zoom-in01{animation-name:zoom-in01;}@keyframes zoom-in01{0% {transform:scale(1,1);} 100% {transform:scale(0.1,0.1)} }
.ani-zoom-in02{animation-name:zoom-in02;}@keyframes zoom-in02{0% {transform:scale(1,1);} 100% {transform:scale(0.2,0.2)} }
.ani-zoom-in03{animation-name:zoom-in03;}@keyframes zoom-in03{0% {transform:scale(1,1);} 100% {transform:scale(0.3,0.3)} }
.ani-zoom-in04{animation-name:zoom-in04;}@keyframes zoom-in04{0% {transform:scale(1,1);} 100% {transform:scale(0.4,0.4)} }
.ani-zoom-in{animation-name:zoom-in;}@keyframes zoom-in{0% {transform:scale(1,1);} 100% {transform:scale(0.5,0.5)} }
.ani-zoom-in06{animation-name:zoom-in06;}@keyframes zoom-in06{0% {transform:scale(1,1);} 100% {transform:scale(0.6,0.6)} }
.ani-zoom-in07{animation-name:zoom-in07;}@keyframes zoom-in07{0% {transform:scale(1,1);} 100% {transform:scale(0.7,0.7)} }
.ani-zoom-in08{animation-name:zoom-in08;}@keyframes zoom-in08{0% {transform:scale(1,1);} 100% {transform:scale(0.8,0.8)} }
.ani-zoom-in09{animation-name:zoom-in09;}@keyframes zoom-in09{0% {transform:scale(1,1);} 100% {transform:scale(0.9,0.9)} }
.ani-zoom-inout01{animation-name:zoom-inout01;}@keyframes zoom-inout01{0% {transform:scale(1,1);} 50% {transform:scale(0.1,0.1)} 100% {transform:scale(1,1)}}
.ani-zoom-inout02{animation-name:zoom-inout02;}@keyframes zoom-inout02{0% {transform:scale(1,1);} 50% {transform:scale(0.2,0.2)} 100% {transform:scale(1,1)}}
.ani-zoom-inout03{animation-name:zoom-inout03;}@keyframes zoom-inout03{0% {transform:scale(1,1);} 50% {transform:scale(0.3,0.3)} 100% {transform:scale(1,1)}}
.ani-zoom-inout04{animation-name:zoom-inout04;}@keyframes zoom-inout04{0% {transform:scale(1,1);} 50% {transform:scale(0.4,0.4)} 100% {transform:scale(1,1)}}
.ani-zoom-inout{animation-name:zoom-inout;}@keyframes zoom-inout{0% {transform:scale(1,1);} 50% {transform:scale(0.5,0.5)} 100% {transform:scale(1,1)}}
.ani-zoom-inout06{animation-name:zoom-inout06;}@keyframes zoom-inout06{0% {transform:scale(1,1);} 50% {transform:scale(0.6,0.6)} 100% {transform:scale(1,1)}}
.ani-zoom-inout07{animation-name:zoom-inout07;}@keyframes zoom-inout07{0% {transform:scale(1,1);} 50% {transform:scale(0.7,0.7)} 100% {transform:scale(1,1)}}
.ani-zoom-inout08{animation-name:zoom-inout08;}@keyframes zoom-inout08{0% {transform:scale(1,1);} 50% {transform:scale(0.8,0.8)} 100% {transform:scale(1,1)}}
.ani-zoom-inout09{animation-name:zoom-inout09;}@keyframes zoom-inout09{0% {transform:scale(1,1);} 50% {transform:scale(0.9,0.9)} 100% {transform:scale(1,1)}}

.ani-rg{animation-name:ani-rg;}
@keyframes ani-rg{0% {color:red;} 50% {color:green;} 100%{color:red;}} 
.ani-rb{animation-name:ani-rb;}
@keyframes ani-rb{0% {color:red;} 50% {color:blue;} 100%{color:red;}} 
.ani-gr{animation-name:ani-gr;}
@keyframes ani-gr{0% {color:green;} 50% {color:red;} 100%{color:green;}} 
.ani-gb{animation-name:ani-gb;}
@keyframes ani-gb{0% {color:green;} 50% {color:blue;} 100%{color:green;}} 
.ani-br{animation-name:ani-br;}
@keyframes ani-br{0% {color:blue;} 50% {color:red;} 100%{color:blue;}} 
.ani-bg{animation-name:ani-bg;}
@keyframes ani-bg{0% {color:blue;} 50% {color:green;} 100%{color:blue;}} 

.ani-rg0{animation-name:ani-rg0;}
@keyframes ani-rg0{0% {color:red;} 33% {color:green;} 66% {color:transparent;} 100%{color:red;}} 
.ani-rb0{animation-name:ani-rb0;}
@keyframes ani-rb0{0% {color:red;} 33% {color:blue;} 66% {color:transparent;} 100%{color:red;}} 
.ani-gr0{animation-name:ani-gr0;}
@keyframes ani-gr0{0% {color:green;} 33% {color:red;} 66% {color:transparent;} 100%{color:green;}} 
.ani-gb0{animation-name:ani-gb0;}
@keyframes ani-gb0{0% {color:green;} 33% {color:blue;} 66% {color:transparent;} 100%{color:green;}} 
.ani-br0{animation-name:ani-br0;}
@keyframes ani-br0{0% {color:blue;} 33% {color:red;} 66% {color:transparent;} 100%{color:blue;}} 
.ani-bg0{animation-name:ani-bg0;}
@keyframes ani-bg0{0% {color:blue;} 33% {color:green;} 66% {color:transparent;} 100%{color:blue;}} 

.ani-rgb{animation-name:ani-rgb;}
@keyframes ani-rgb{0% {color:red;} 33% {color:green;} 66% {color:blue;} 100%{color:red;}} 
.ani-rbg{animation-name:ani-rbg;}
@keyframes ani-rbg{0% {color:red;} 33% {color:blue;} 66% {color:green;} 100%{color:red;}} 
.ani-grb{animation-name:ani-grb;}
@keyframes ani-grb{0% {color:green;} 33% {color:red;} 66% {color:blue;} 100%{color:green;}} 
.ani-gbr{animation-name:ani-gbr;}
@keyframes ani-gbr{0% {color:green;} 33% {color:blue;} 66% {color:red;} 100%{color:green;}} 
.ani-brg{animation-name:ani-brg;}
@keyframes ani-brg{0% {color:blue;} 33% {color:red;} 66% {color:green;} 100%{color:blue;}} 
.ani-bgr{animation-name:ani-bgr;}
@keyframes ani-bgr{0% {color:blue;} 33% {color:green;} 66% {color:red;} 100%{color:blue;}} 

.ani-rgb0{animation-name:ani-rgb0;}
@keyframes ani-rgb0{0% {color:red;} 25% {color:green;} 50% {color:blue;} 75% {color:transparent;} 100% {color:red;}} 
.ani-rbg0{animation-name:ani-rbg0;}
@keyframes ani-rbg0{0% {color:red;} 25% {color:blue;} 50% {color:green;} 75% {color:transparent;} 100% {color:red;}} 
.ani-grb0{animation-name:ani-grb0;}
@keyframes ani-grb0{0% {color:green;} 25% {color:red;} 50% {color:blue;} 75% {color:transparent;} 100% {color:green;}} 
.ani-gbr0{animation-name:ani-gbr0;}
@keyframes ani-gbr0{0% {color:green;} 25% {color:blue;} 50% {color:red;} 75% {color:transparent;} 100% {color:green;}} 
.ani-brg0{animation-name:ani-brg0;}
@keyframes ani-brg0{0% {color:blue;} 25% {color:red;} 50% {color:green;} 75% {color:transparent;} 100% {color:blue;}} 
.ani-bgr0{animation-name:ani-bgr0;}
@keyframes ani-bgr0{0% {color:blue;} 25% {color:green;} 50% {color:red;} 75% {color:transparent;} 100% {color:blue;}} 

.ani-r0g0{animation-name:ani-r0g0;}
@keyframes ani-r0g0{0% {color:red;} 25% {color:transparent;} 50% {color:green;} 75% {color:transparent;} 100%{color:red;}} 
.ani-r0b0{animation-name:ani-r0b0;}
@keyframes ani-r0b0{0% {color:red;} 25% {color:transparent;} 50% {color:blue;} 75% {color:transparent;} 100%{color:red;}} 
.ani-g0r0{animation-name:ani-g0r0;}
@keyframes ani-g0r0{0% {color:green;} 25% {color:transparent;} 50% {color:red;} 75% {color:transparent;} 100%{color:green;}} 
.ani-g0b0{animation-name:ani-g0b0;}
@keyframes ani-g0b0{0% {color:green;} 25% {color:transparent;} 50% {color:blue;} 75% {color:transparent;} 100%{color:green;}} 
.ani-b0r0{animation-name:ani-b0r0;}
@keyframes ani-b0r0{0% {color:blue;} 25% {color:transparent;} 50% {color:red;} 75% {color:transparent;} 100%{color:blue;}} 
.ani-b0g0{animation-name:ani-b0g0;}
@keyframes ani-b0g0{0% {color:blue;} 25% {color:transparent;} 50% {color:green;} 75% {color:transparent;} 100%{color:blue;}} 

.spbgred{animation-name:spbgred-blue;}
@keyframes spbgred-blue{
0% {background:red;transform:scale(0.3,0.3);} 
33% {background:green;transform:scale(0.6,0.6) translateY(50px);}
66% {background:blue;transform:scale(0.9,0.9); border-radius:50%;}
100% {background:#fff;transform:scale(0.8,0.8) translateY(150px);} 
}
/* [[Category:在模板名字空间下的CSS页面]] */