Heim > Fragen und Antworten > Hauptteil
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;
伊谢尔伦2017-04-17 11:18:22
遇到了相同问题。添加webkit前缀仍然解决不了
其他测试机包括iphone 6均可以,我记得的6s plus不行
更新:缓存问题,经验证加前缀可以解决