css3 - iphone6 plus 微信浏览器下transition动画无效求破
巴扎黑
巴扎黑 2017-04-17 11:16:22
[CSS3讨论组]

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)
迷茫

不贴代码,怎么破?

伊谢尔伦

css 前缀呢? 写了?

迷茫

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

伊谢尔伦

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

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

伊谢尔伦

是opacity的问题 去掉就好用了

阿神

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号