css - css 变换/过渡后的模糊 div

标签 css css-transitions css-transforms

按照此演示的说明处理内容 slider http://css3.bradshawenterprises.com/sliding/

但是对于我的内容,我注意到我的内容(在本例中是一些 div)在 css 转换完成后变得有些模糊。在最新版本的 Firefox、Safari 和 Opera 中对其进行了测试,它运行良好。所以模糊只发生在 Chrome 中(我在 22.0.1229.79)

关于这可能是什么或如何解决它有什么想法吗?

http://jsfiddle.net/SYYhS/5/

最佳答案

一半像素的问题。

尝试:transform: translate(-50%, -51%); 或者,尝试将 div 尺寸设置为偶数。

它会起作用的!

关于css - css 变换/过渡后的模糊 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12639634/

相关文章:

css - CLI 纯 CSS 压缩器,而不是 SASS 或 LESS

CSS transition-delay 显示

jquery - 在 CSS3 transition-delay 和 jquery delay() 之间进行选择;

javascript - 我该如何给飞船加速?

html - 转换汉堡包图标失败

html - IE8 并排 DIVS 正在堆叠

html - 使用 div 创建 CSS 树

html - 逆转 CSS3 过渡延迟

css - 如何使用 CSS 在悬停时添加不同的 CSS3 悬停过渡

javascript - 如何移除侧边栏并将面板置于中心