@charset "utf-8";
/*
�d��css�ʵe�ĪG����animate.style
class="animated bounce infinite"
���N�������^��
�ʺA�W��
bounce�u��
flash�{�{
pulse�j�p����
rubberBand����
headShake�a�_
swing�n�\
tada�j�n�S�n
wobble�����ӱj
jello�G��
heartBeat�߸���
coupon_move����½��
slideInLeft2�צV�Ӧ^�ư�
fadeInLeft_s�u�Z�첾
fadeInRight_s
fadeInUp_s
pop_up�G���{�{
go1����Y��
go2�ר�����
go3�u����
go4���u����
go5���u����
brightness-play�{��f
uptodown-play��-�W�U
downtoup-play��-�U�W
tossing����3
rotate3-play����4-1
rotate4-play����4
bgupup-play�I���ƤW
heartbeat-play�߸�A
bounce-play�u��
minbright-play�D�зL�G
brightness1-play�{��1
brightness2-play�{��2�ֳt
*/
/*����½��*/
.coupon_move { animation-name: coupon_move; animation-duration:1s;}
@keyframes coupon_move {
from { opacity: 0; transform: scaleX(0); }
to { opacity: 1; transform: scaleX(1);
}
}
/*�צV�Ӧ^�ư�*/
.slideInLeft2 { -webkit-animation:slideInLeft2 2s ease infinite ; animation:slideInLeft2 2s ease infinite ;}
@keyframes slideInLeft2 {
0% {opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
50% {opacity:1;-webkit-transform:translate(20px, -10px);transform:translate(20px, -10px)}
100% {opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
}
/*�צV�Ӧ^�ư�*/
.slideInRight2 { -webkit-animation:slideInRight2 2s ease infinite ; animation:slideInRight2 2s ease infinite ;}
@keyframes slideInRight2 {
0% {opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
50% {opacity:1;-webkit-transform:translate(20px, 10px);transform:translate(20px, 10px)}
100% {opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
}
/*�u�Z�첾*/
.fadeInLeft_s { animation-name: fadeInLeft_s; animation-duration:1s;}
@keyframes fadeInLeft_s {
from { opacity: 0; transform: translate3d(0, 0, 0); }
to { opacity: 1; transform: translate3d(20%, 0, 0); }
}
/*�u�Z�첾*/
.fadeInRight_s { animation-name: fadeInRight_s; animation-duration:1s;}
@keyframes fadeInRight_s {
from { opacity: 0; transform: translate3d(20%, 0, 0); }
to { opacity: 1; transform: translate3d(0, 0, 0); }
}
/*�u�Z�첾*/
.fadeInLeft_s_2 { animation-name: fadeInLeft_s_2; animation-duration:1s;}
@keyframes fadeInLeft_s_2 {
from { opacity: 0; transform: translate3d(-20%, 0, 0); }
to { opacity: 1; transform: translate3d(0, 0, 0); }
}
/*�u�Z�첾*/
.fadeInUp_s { animation-name: fadeInUp_s; animation-duration:1s;}
@keyframes fadeInUp_s {
from { opacity: 0; transform: translate3d(0, 30%, 0); }
to { opacity: 1; transform: none; }
}
/*�G���{�{*/
.pop_up { animation-name: pop_up; animation-duration:0.75s;}
@keyframes pop_up {
from { opacity: 0; }
25% { opacity: 1; }
50% { opacity: 0; }
75% { opacity: 1; }
to { opacity: 1; transform: none; }
}
/*����Y��*/
.go1 { -webkit-animation:go1 2s linear infinite ; animation:go1 2s linear infinite ;}
}
@-webkit-keyframes go1{
0% {opacity:0;-webkit-transform:scale(-0.5); transform:scale(-0.5); }
10% {opacity:1;-webkit-transform:scale(1); transform:scale(1); }
80% {opacity:1;-webkit-transform:scale(1); transform:scale(1); }
100% {opacity:0;-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes go1{
0% {opacity:0;-webkit-transform:scale(-0.5); transform:scale(-0.5); }
10% {opacity:1;-webkit-transform:scale(1); transform:scale(1); }
80% {opacity:1;-webkit-transform:scale(1); transform:scale(1); }
100% {opacity:0;-webkit-transform:scale(1); transform:scale(1); }
}
/*�ר�����*/
.go2 { -webkit-animation:go2 8s linear infinite ; animation:go2 8s linear infinite ;}
}
@-webkit-keyframes go2{
0% {opacity:0;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
10% {opacity:1;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
90% {opacity:1;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
100% {opacity:0;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
}
@keyframes go2{
0% {opacity:0;-webkit-transform:none;transform:none}
10% {opacity:1;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
90% {opacity:1;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
100% {opacity:0;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
}
.go4 { -webkit-animation:go4 8s linear infinite ; animation:go4 8s linear infinite ;} }
@-webkit-keyframes go4{
0% {opacity:0;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
10% {opacity:1;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}
90% {opacity:1;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}
100% {opacity:0;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}
}
@keyframes go4{
0% {opacity:0;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}
10% {opacity:1;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}
90% {opacity:1;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}
100% {opacity:0;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}
}
/*�u*/
.go3 { -webkit-animation:go3 2s linear infinite ; animation:go3 2s linear infinite ; z-index: 2;}
}
@-webkit-keyframes go3{
0% {opacity:0;-webkit-transform:none;transform:none}
30% {opacity:0;-webkit-transform:translate(0px, 0px);transform:translate(0px,0px)}
50% {opacity:1;-webkit-transform:translate(-150px, 150px);transform:translate(-150px, 150px)}
100% {opacity:0;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
}
@keyframes go3{
0% {opacity:0;-webkit-transform:none;transform:none}
30% {opacity:0;-webkit-transform:translate(0px, 0px);transform:translate(0px,0px)}
50% {opacity:1;-webkit-transform:translate(-150px, 150px);transform:translate(-150px, 150px)}
100% {opacity:0;-webkit-transform:translate(-300px, 300px);transform:translate(-300px, 300px)}
}
/*���u*/
.go4 { -webkit-animation:go4 1.5s linear infinite ; animation:go4 1.5s linear infinite ; z-index: 2;}
}
@-webkit-keyframes go4{
0% {opacity:0;-webkit-transform:none;transform:none}
30% {opacity:1;-webkit-transform:translate3d(50%,0,0)}
80% {opacity:0;-webkit-transform:translate3d(80%,0,0)}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0)}
}
@keyframes go4{
0% {opacity:0;-webkit-transform:none;transform:none}
30% {opacity:1;-webkit-transform:translate3d(50%,0,0)}
80% {opacity:0;-webkit-transform:translate3d(80%,0,0)}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0)}
}
.go5 { -webkit-animation:go5 1.5s linear infinite ; animation:go5 1.5s linear infinite ; z-index: 2;}
}
@-webkit-keyframes go5{
0% {opacity:0;-webkit-transform:none;transform:none}
30% {opacity:1;-webkit-transform:translate3d(-50%,0,0)}
80% {opacity:0;-webkit-transform:translate3d(-80%,0,0)}
100% {opacity:0;-webkit-transform:translate3d(-100%,0,0)}
}
@keyframes go5{
0% {opacity:0;-webkit-transform:none;transform:none}
30% {opacity:1;-webkit-transform:translate3d(-50%,0,0)}
80% {opacity:0;-webkit-transform:translate3d(-80%,0,0)}
100% {opacity:0;-webkit-transform:translate3d(-100%,0,0)}
}
/*�{��*/
.brightness-play { -webkit-animation:brightness-play 3s infinite ; animation:brightness-play 3s infinite ;}
@-webkit-keyframes brightness-play {
0% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
92% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
94% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(120%);
filter:brightness(200%);
}
96% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
98% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(120%);
filter:brightness(120%);
}
100% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
}
@keyframes brightness-play {
0% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
92% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
94% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(120%);
filter:brightness(120%);
}
96% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
98% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(120%);
filter:brightness(120%);
}
100% {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:brightness(100%);
filter:brightness(100%);
}
}
/*��-�W�U*/
.uptodown-play { -webkit-animation:uptodown-play 1.5s infinite alternate; animation:uptodown-play 1.5s infinite alternate;}
@-webkit-keyframes uptodown-play {
0% { -webkit-transform: translate(0,-10px); }
100% { -webkit-transform: translate(0,0); }
}
@keyframes uptodown-play {
0% { transform: translate(0,-10px); }
100% { transform: translate(0,0); }
}
/*��-�U�W*/
.downtoup-play { -webkit-animation:downtoup-play 1.5s infinite alternate; animation:downtoup-play 1.5s infinite alternate;}
@-webkit-keyframes downtoup-play {
0% { -webkit-transform: translate(0,0); }
100% { -webkit-transform: translate(0,-10px); }
}
@keyframes downtoup-play {
0% { transform: translate(0,0); }
100% { transform: translate(0,-10px); }
}
/*momo*/
.lightSweep {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: none 0% 0% / auto repeat scroll padding-box border-box
rgba(0, 0, 0, 0);
overflow: hidden;
z-index: 1;
pointer-events: none;
-webkit-filter: brightness(1.5);
-webkit-mask-size: 300% 200%;
-webkit-mask-image: -webkit-linear-gradient(
-45deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 60%
);
-webkit-transition: -webkit-mask-position;
-webkit-animation-timing-function: linear;
-webkit-transform: translate3d(0, 0, 0);
-moz-filter: brightness(1.5);
-moz-mask-size: 300% 200%;
-moz-mask-image: -webkit-linear-gradient(
-45deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 60%
);
-moz-transition: -webkit-mask-position;
-moz-animation-timing-function: linear;
-moz-transform: translate3d(0, 0, 0);
-o-filter: brightness(1.5);
-o-mask-size: 300% 200%;
-o-mask-image: -webkit-linear-gradient(
-45deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 60%
);
-o-transition: -webkit-mask-position;
-o-animation-timing-function: linear;
-o-transform: translate3d(0, 0, 0);
filter: brightness(1.5);
mask-size: 300% 200%;
mask-image: -webkit-linear-gradient(
-45deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 60%
);
transition: -webkit-mask-position;
animation-timing-function: linear;
transform: translate3d(0, 0, 0);
transition-duration: 2.5s;
animation: move 2.5s ease-out infinite;
}
@keyframes move {
from {
-webkit-mask-position: 150% 0px;
-moz-mask-position: 150% 0px;
-o-mask-position: 150% 0px;
mask-position: 150% 0px;
}
to {
-webkit-mask-position: 0% 0px;
-moz-mask-position: 0% 0px;
-o-mask-position: 0% 0px;
mask-position: 0% 0px;
}
}
/*����3*/
.tossing{ animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
@keyframes tossing { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); }
}
@-webkit-keyframes tossing {
0% { -webkit-transform: rotate(-5deg); }
50% { -webkit-transform: rotate(5deg); }
100% { -webkit-transform: rotate(-5deg); }
}
.rotate3-play { -webkit-animation:rotate3-play 20s linear infinite ; animation:rotate3-play 20s linear infinite ;}
@keyframes rotate3-play { 100% { transform: rotate(-360deg); }
}
/*����4*/
.rotate4-play { -webkit-animation:rotate4-play 2s linear infinite ; animation:rotate4-play 2s linear infinite ;}
@keyframes rotate4-play { 100% { transform: rotate(-20deg); }
}
/*�I���ƤW*/
.bgupup-play { -webkit-animation:bgupup-play 40s linear infinite ; animation:bgupup-play 40s linear infinite ;}
@keyframes bgupup-play { 100% { background-position: center -925px; }
}
/*�߸�A*/
.heartbeat-play {-webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: heartbeat-play; animation-name: heartbeat-play; -webkit-animation-iteration-count: infinite; animation-iteration-count:infinite;/* -webkit-animation-direction: alternate;animation-direction: alternate;*/}
@-webkit-keyframes heartbeat-play {
0% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);}
40% { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
60% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);}
80% { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
100% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);}
}
@keyframes heartbeat-play {
0% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);}
40% { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
60% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);}
80% { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
100% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(120%);}
}
/*�u��*/
.bounce-play { -webkit-animation:bounce-play 3s linear infinite ; animation:bounce-play 3s linear infinite ;}
@-webkit-keyframes bounce-play { 0%, 5%, 12.5%, 20%, 25% { -webkit-transform: translateY(0); transform: translateY(0); }
10% { -webkit-transform: translateY(-10%); transform: translateY(-10%); }
15% { -webkit-transform: translateY(-5%); transform: translateY(-5%); }
}
@keyframes bounce-play { 0%, 5%, 12.5%, 20%, 25% { -webkit-transform: translateY(0); transform: translateY(0); }
10% { -webkit-transform: translateY(-10%); transform: translateY(-10%); }
15% { -webkit-transform: translateY(-5%); transform: translateY(-5%); }
}
/*�D�зL�G*/
.minbright-play { -webkit-animation:minbright-play 2s infinite alternate; animation:minbright-play 2s infinite alternate ;}
@-webkit-keyframes minbright-play {
0% { filter:brightness(110%); }
100% { filter:brightness(100%); }
}
@keyframes minbright-play {
0% { filter:brightness(110%); }
100% { filter:brightness(100%); }
}
/*�{��1*/
.brightness1-play { -webkit-animation:brightness1-play 4s infinite ; animation:brightness1-play 4s infinite ;}
@keyframes brightness1-play { 0% { filter:brightness(100%); }
92% { filter:brightness(100%); }
94% { filter:brightness(200%); }
96% { filter:brightness(100%); }
98% { filter:brightness(200%); }
100% { filter:brightness(100%); }
}
/*�{��2�ֳt*/
.brightness2-play { -webkit-animation:brightness2-play 1s infinite ; animation:brightness2-play 1s infinite ;}
@keyframes brightness2-play { 0% { filter:brightness(100%); }
92% { filter:brightness(100%); }
94% { filter:brightness(200%); }
96% { filter:brightness(100%); }
98% { filter:brightness(200%); }
100% { filter:brightness(100%); }
}
/*
==============================================
volve
==============================================
*/
.volve{
-webkit-animation:volve 5s linear infinite;
animation:volve 5s linear infinite;
visibility: visible !important;
}
@keyframes volve {
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes volve {
to {
transform: rotate(360deg)
}
}