0

ユーザーが画像をクリックしたときにcss3を使用して画像をスケーリングしますこのcssを画像に割り当てると、ブラウザで完全に実行されますが、Androidで実行すると画像がスケーリングされず、翻訳メソッドのみが機能します

.scaleImage{
-moz-animation-name: AN-ani-17;
-webkit-animation-name: AN-ani-17;
-moz-animation-duration: 2s;
-webkit-animation-duration: 2s;
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
@-webkit-keyframes AN-ani-17 {
0% {
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
   -webkit-animation-timing-function: ease;
}


50% {
    -webkit-transform: translate3d(0px, 380px, 0px) scale3d(1, 1.5, 1);
    -webkit-animation-timing-function: ease;
}

/*  75% {
    -webkit-transform: translate3d(0px, 270px, 0px) scale3d(1, 1.2, 1);
    -webkit-animation-timing-function: ease;
}*/

100% {
    -webkit-transform: translate3d(0px, 470px, 0px) scale3d(1, 1.6, 1);
    -webkit-animation-timing-function: ease;
}
}

@-moz-keyframes AN-ani-17 {
0% {
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -moz-animation-timing-function: ease;
}


50% {
    -moz-transform:translate(0px, 380px, 0px) scale(1, 1.5, 1);
    -moz-animation-timing-function: ease;
}


100% {
    -moz-transform: translate(0px, 470px, 0px) scale(1, 1.6, 1);
    -moz-animation-timing-function: ease;
}

}

Androidデバイスで実行する方法

4

1 に答える 1

0

Android 2.2以降を使用していると思いますか？CSS3 スケーリングが Android で機能しないことは、既知のバグです。修正したい場合は、スターを付けてください。

関連: Android 2.2 での CSS3 アニメーションのちらつき (webkit-transform:translate(..) scale(..) を同時に)

于 2012-07-06T14:30:38.813 に答える