안드로이드 개발 질문/답변
(글 수 2,584)
모바일 웹을 만들고 있는데..
안드로이드2.3 버전의 일부 폰에서 keyframe animation 이 0%{ } 에서 멈춰버리는데요...
이 멈추는 현상이 무조건 멈추는게 아니거든요... 애니메이션이 멈춰버릴때 있고, 제대로 진행될때 있는데 이거 원인 아시는분 있나요??
css는 이런식으로 구성되 있습니다.
#TreasureReady-an-obj-13 {
-webkit-transform: translate(-109px, 315px) scale(0.8, 0.8);
width: 600px;
height: 400px;
top: 0;
left: 0;
}
@-webkit-keyframes ani-TreasureReady-an-obj-13 {
0% {
-webkit-transform: translate(-449px, 315px) scale(0.8, 0.8);
opacity: 0;
-webkit-animation-timing-function: linear;
}
32.5147% {
-webkit-transform: translate(-258.92678608337974px, 315px) scale(0.8, 0.8);
-webkit-animation-timing-function: linear;
}
66.0455% {
-webkit-transform: translate(-139.10235663750277px, 315px) scale(0.8, 0.8);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: translate(-109px, 315px) scale(0.8, 0.8);
-webkit-animation-timing-function: linear;
}
}
.run #TreasureReady-an-obj-13 {
-webkit-animation-name: ani-TreasureReady-an-obj-13;
-webkit-animation-duration: 0.7542s;
-webkit-animation-delay: 0s;
-webkit-animation-fill-mode: both;
}
#TreasureReady-an-obj-13 {
-webkit-transform: translate(-109px, 315px) scale(0.8, 0.8);
-webkit-animation-timing-function: linear;
}
.restart #TreasureReady-an-obj-13 {
-webkit-transform: translate(-449px, 315px) scale(0.8, 0.8);
-webkit-animation-timing-function: linear;
}