Html CSS为不透明度的倾斜文本翻译动画模糊<；1.
我知道有很多主题涉及CSS动画造成的模糊，但我似乎遇到了一个非常独特的用例，我遇到的每个解决方案都不起作用 我制作了一个代码笔，显示了我的具体问题的最低限度设置： 基本上，我有一个Html CSS为不透明度的倾斜文本翻译动画模糊<；1.,html,css,sass,css-animations,Html,Css,Sass,Css Animations,我知道有很多主题涉及CSS动画造成的模糊，但我似乎遇到了一个非常独特的用例，我遇到的每个解决方案都不起作用 我制作了一个代码笔，显示了我的具体问题的最低限度设置： 基本上，我有一个div，不透明度0.95，倾斜了10度，其内部内容倾斜了-10度（因此它看起来是直立的）。在该内容的底部有一段。当您将鼠标悬停在该段落上时，它会触发该段落向右移动的动画。不幸的是，这会使页面上的所有文本模糊 请注意，删除倾斜变换或不透明度设置都会使文本不再模糊。这可能是由于倾斜和反向倾斜导致的，这会迫使浏览器加速该过
div0.95请注意，删除倾斜变换或不透明度设置都会使文本不再模糊。这可能是由于
倾斜倾斜倾斜渐变背景background:linear-gradient(170deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 164px, #a3d5d3 163px, #a3d5d3 calc(100% - 165px), rgba(0,0,0,0) calc(100% - 165px), rgba(0,0,0,0) 100%);
因为您已经知道删除不透明度设置可以修复错误。。。你为什么不把它拿走？选择
opacity:.95opacity:1.jumbotron*{backface visibility:hidden；}