-webkit-transition: all .2s ease-in-out;

W3C标准中对CSS3的transition这是样描述的:CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值...

-webkit-transition: all .2s ease-in-out;  这个属性 在ios下边会出现滑动某些元素消失（比如select消失）或者某些元素闪动 问题

推测为在初始渲染CSS动画时产生的Bug，虽然暂时无法考证这个问题的根本原因，但是目前已 知的解决方案有两条：

• -webkit-backface-visibility: hidden;（设置进行转换的元素的背面在面对用户时是否可见：隐藏）
• -webkit-transform-style: preserve-3d; （设置内嵌的元素在 3D 空间如何呈现：保留 3D ）

转载于:https://www.cnblogs.com/ling-du/p/4838817.html