问

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

蛮妞妞小公主切_292 发布于 2022-11-07 23:04

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;

6 个回答

不知道你是不是跟我发生了同样的错误~
调用动画的代码请请放在window.onload = function(){}方法内~~

2022-11-12 01:58 回答

手机用户2602881561
是opacity的问题去掉就好用了

2022-11-12 01:58 回答

太完美无缺_817
遇到了相同问题。添加webkit前缀仍然解决不了
其他测试机包括iphone 6均可以，我记得的6s plus不行

更新：缓存问题，经验证加前缀可以解决

2022-11-12 01:58 回答
微信用的是QQ浏览器的“X5 内核”，需要添加-webkit-transition才能支持过渡。

2022-11-12 01:58 回答

浮夸诗人_219
css 前缀呢？写了？

2022-11-12 01:58 回答

antingwolf
不贴代码，怎么破？

2022-11-12 01:58 回答

白羊蓝色雨线

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签