css3在微信中的兼容性写法

Question

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

Answer 1

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

Answer 2

渐变动画 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);
  }
}