解决vue 使用velocity.js动画库rotateZ属性旋转图片出现锯齿问题(有效)
点开下面的链接,有3种解决办法,有兴趣的小朋友可以查看
3种解决办法
其中的最优解决办法,是直接在transfrom属性后加入translateZ : 0px即可实现取消图片锯齿,但是在使用vue时引用velocity.js设置动画属性时出现以下情况
然后呢
小伙伴看见了么,translateZ属性被生吞了,那么图片旋转后的锯齿消除不了,怎么办!嘤嘤嘤~
好了不拐弯抹角了,原因是当你设置的属性值为0的时候,浏览器默认不会把你设置的动画属性渲染出来,所以给个值即可~
如图
然后呢,浏览器就帮你渲染属性和值出来了
最后的效果,不单旋转后的图片锯齿不见了,而且又可以开始做您喜欢的超酷的动画效果了,最后批评一句,velocity.js轻量级动画库是真的好用!!
感觉对您有用的请一键3连给个赞~