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;
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
If you don’t post the code, how can you break it?
What about css prefixes? Written?
WeChat uses the "X5 kernel" of QQ browser, and needs to add
-webkit-transitionto support transition.Encountered the same problem. Adding the webkit prefix still doesn't solve the problem
Other test machines including iPhone 6 can work, but the 6s plus I remember can't
Update: Caching problem, it has been verified that adding a prefix can solve it
It's an opacity problem. It will be easier to use if you remove it
I don’t know if you have the same error as me~
Please put the code for calling animation in the window.onload = function(){} method~~