为什么简单的旋转会使图像模糊?
想要旋转图像90度,但生成的图像模糊不清.
transform: rotate(90deg);
这在Firefox和Chrome中都是一样的(没有检查过其他浏览器).
是否有任何变通方法/技巧可以最大限度地减少模糊?
–
如果是计算机专用的,则为图像链接http://i.imgur.com/WzXkRL9.png
解决方法
您可以使用以下内容:
#pic { -webkit-transform: rotate(90deg) translatez(0); transform: rotate(90deg) translatez(0); margin-top: 50px; -webkit-transform-origin: 50% 51%; }
一个例子:http://jsfiddle.net/6d2GT/2/
不要忘记所需的前缀
原文地址:https://www.jb51.cc/css/215028.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。