【问题标题】:image scaling in android deviceAndroid设备中的图像缩放
【发布时间】:2012-07-06 22:30:38
【问题描述】:

当用户单击图像时,我使用 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 html css


    【解决方案1】:

    我假设您使用的是 Android 2.2 或更高版本? CSS3 缩放在 Android 上不起作用是 known bug。如果您想修复它,请加注星标。

    相关:CSS3 animation flicker on Android 2.2 (webkit-transform:translate(..) scale(..) at the same time)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多