怎么用js让div盒子像IOS系统里的那样抖动?

html-css011

怎么用js让div盒子像IOS系统里的那样抖动?,第1张

可以结合css3实现。

css3可以设置动画和过渡,动画当中可以设置旋转、移动和缩放等参数。

可以在长按的时候,更改为带有动画的类名,就可以执行css3的动画了。

经测试,采用Firefox 45.0.1存在闪烁问题,并发现以下浏览器的某个版本:微信内置浏览器、QQ浏览器、Safari手机浏览器及早期的Chrome可能存在类似情况,包括载入闪动,悬停后闪动。分析:Blink对transition中,属性transform的动画渲染存在差异,而Chrome中的最新版本,已经不存在此情况。解决方法:<style>.outter { height: 375px margin: 10px auto width: 500px }.inner{}img:hover { width:110% margin-left:-5% margin-top:-5%}img{width:100% transition:0.4s ease-in-out}</style>复制代码以上CSS,在IE10、IE11、Chrome及Firefox 45.0.1中调试通过:首次载入,及Ctrl+F5刷新,均不会有闪动情况

你在设置元素position:fixed的时候,给元素添加一个transform:translateZ(0)

目的是为了开启GPU硬件加速,提高性能和流畅的动画效果 也能解决你这个问题

你说你用transform的话 如果用到translate;把translate换成translate3d,在原来的参数后面加个Z方向的平移 0即可;