首页
技术
生活
记录
朋友
常用代码
工具箱
关于
首页
›
技术
›
CSS 日常踩坑----- transform 导致文本、图片模糊
CSS 日常踩坑----- transform 导致文本、图片模糊
坚果大叔
2018-11-12 14:56:22
技术
阅读 870
文章目录
[隐藏]
问题:通过transform:translate3D 设置图片位移动画的时候,发现文本变模糊,但是同样方法的另一个却没有
通过百度过后,发现这是因为transform时div的宽度或者高度并不是偶数,移动50%之后,像素点并不是整数,出了小数,和显示像素没有对上导致模糊
解决办法:将元素设置为偶数可以解决
问题:通过transform:translate3D 设置图片位移动画的时候,发现文本变模糊,但是同样方法的另一个却没有
通过百度过后,发现这是因为transform时div的宽度或者高度并不是偶数,移动50%之后,像素点并不是整数,出了小数,和显示像素没有对上导致模糊
解决办法:将元素设置为偶数可以解决
微信扫描下方的二维码阅读本文
CSS
Transform
赞赏
赞(
0
)
本文系作者 @
坚果大叔
原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
火狐 window.event无效问题
CSS Content 属性 新发现
搜索:
近期文章
3月已到月底,今年已过四分之一!
使用encodeURI出现URI malformed报错?
周末,公园,人多!!!
Element-Plus的一点疑难问题~
一些AList站点以及有趣的网址
使用encodeURI出现URI malformed报错?
Element-Plus的一点疑难问题~
微信小程序批量提交后台审核
Home
0
CSS 日常踩坑----- transform 导致文本、图片模糊