-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 )
当你的才华撑不起你的野心的时候、请潜下心、低下头、好好学习、