CSS3 transform rotate图片在手机上显示有锯齿的解决办法
transform:rotate 属于简单好用的效果,但在手机上显示时,会有比较明显锯齿。如图:
解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决。
原理没去深究,理论上是矢量跟位图的处理不一样,这个方案也有个小问题 就是图片变小了 _
update: 大家反应这方案在电脑上反而会出问题。
我测试了个新的方案rotate3d + b...
转载
2019-11-01 14:35:59 ·
889 阅读 ·
0 评论