场景:我给image设置了两个状态,对应不同的filter:blur(),并习惯性地想通过transition去过渡filter的值。
问题:在开发者工具模拟时很流畅,效果很好,在android却很卡顿,效果不好,在ios端就更卡了,还会造成微信闪退。
解决方案:通过css动画去实现过渡效果在各端都会很流畅。但为什么transition会卡呢,这个有待进一步研究。
网友回复
顺。:
原来过度transition 很流畅的,后面微信更新后不懂为什么,只要动画小于1S的就会和没有过渡一样,然后时间设长后,在结束的一瞬间会跳一下,立即结束。如果是设置位置发生变化的过渡看起来就特别明显。
卢霄霄:
不只是filter这个样式,transition很多情况都很卡。。确实怪怪的