@charset "utf-8";
/* CSS Document */
.animated {
animation-duration: 2s;
animation-fill-mode: both;
}
.animated.zoomIn {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
/*心跳A*/
.heartbeat-play {-webkit-animation-duration: 1s; animation-duration: 1s; -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%);}
}
/*飄動*/
.bgtop_r-play { -webkit-animation:bgtop_r-play 60s linear infinite; animation:bgtop_r-play 60s linear infinite ;}
@-webkit-keyframes bgtop_r-play {
0% { background-position:0 0;}
100% { background-position:-2000px 0;}
}
@keyframes bgtop_r-play {
0% { background-position:0 0;}
100% { background-position:-2000px 0;}
}
/*輸送帶*/
.bgtop_r-play { -webkit-animation:bgtop_r-play 8s linear infinite; animation:bgtop_r-play 8s linear infinite ;}
@-webkit-keyframes bgtop_r-play {
0% { background-position:0 0;}
100% { background-position:-277px 0px;}
}
@keyframes bgtop_r-play {
0% { background-position:0 0;}
100% { background-position:277px 0px;}
}
/*輸送帶*/
.bgtop_u-play { -webkit-animation:bgtop_r-play 80s linear infinite; animation:bgtop_u-play 80s linear infinite ;}
@-webkit-keyframes bgtop_u-play {
0% { background-position:0 -2000px;}
100% { background-position:0px 0;}
}
@keyframes bgtop_u-play {
0% { background-position:0 -2000px;}
100% { background-position:0px 0;}
}
.bgtop_u-play { -webkit-animation:bgtop_u-play 160s linear infinite; animation:bgtop_u-play 160s linear infinite;}
/*彈跳*/
.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%);
}
}
/*主標微亮*/
.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%);
}
}
/*閃光*/
.brightness-play1 { -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%);
}
}