iphone6 plus 微信浏览器下transition动画无效求破


iphone6 plus 微信浏览器下transition动画无效
但在safari下是ok的,什么原因


 opacity: 0;
  background-color: #378ef1;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-property: transform, opacity, -webkit-transform;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

active


 transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;

css3

maggie 9 years, 3 months ago

微信用的是QQ浏览器的“X5 内核”, 需要添加 -webkit-transition 才能支持过渡。

人不H枉少年 answered 9 years, 3 months ago

css 前缀呢? 写了?

jjXyy answered 9 years, 3 months ago

不贴代码,怎么破?

花泽理惠_ answered 9 years, 3 months ago

Your Answer