css - 与 css 转换相关的 元素上的 chrome 中的模糊文本？

Question

我正在使用一个菜单，该菜单使用顶部带有按钮的

模糊文本与

这是当前分配给按钮元素的 css:

.grid figure button {
top: 50%;
left: 50%;
border: medium none;
background: #316BA8 none repeat scroll 0% 0%;
color: #FFF;
opacity: 0;
transform: translateY(-50%) translateX(-50%) scale(0.25);

这是在悬停时发生的转换:(当带有模糊文本的按钮出现时)

.grid div:hover figure button {
opacity: 0.9;
-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
transform: translateY(-50%) translateX(-50%) scale(1);
}

我发现其他帖子将浏览器(不总是 chrome)中的模糊文本与 css 转换相关，但我无法找到任何可以应用于我的问题的答案。有什么想法吗？

谢谢!

Answer 1

这是缩放比例(甚至可能是因为它与不透明度 0.9 相结合)- 如果可以，请尝试找到最佳点，或者尝试检查它是否在有/没有硬件加速的情况下工作得更好。

但是您对此无能为力，因为它完全由浏览器完成。