html5 - css3在微信中的兼容性写法-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - css3在微信中的兼容性写法

PHP中文网 2017-04-17 13:24:59

[HTML讨论组]

442

1.暂时发现android版本的微信打开animation，动画不能正常显示，应该怎样去支持。

PHP中文网

认证0级讲师

全部回复(2)

PHPz2017-04-17 13:26:59 2楼

我今天页遇到这个问题了，要在animation前面加上-webkit-前缀，如果动画中用到transform也要加上-webkit-前缀

赞 +0

添加回复

高洛峰2017-04-17 13:26:59 1楼

渐变动画 transition 里的 transform要加前缀

 -webkit-transition: -webkit-transform 2s linear

帧动画

@-webkit-keyframes move {
  0% {
    -webkit-transform: rotateZ(-10deg);
  }
  50% {
    -webkit-transform: rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateZ(-10deg);
  }
}

@keyframes move {
  0% {
    transform: rotateZ(-10deg);
  }
  50% {
    transform: rotateZ(10deg);
  }
  100% {
    transform: rotateZ(-10deg);
  }
}

赞 +0

添加回复