Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 不透明动画会导致其他div上的文本模糊_Css_Google Chrome_Animation - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 不透明动画会导致其他div上的文本模糊

Css 不透明动画会导致其他div上的文本模糊

css google-chrome animation

Css 不透明动画会导致其他div上的文本模糊,css,google-chrome,animation,Css,Google Chrome,Animation,在chrome浏览器中，我的文本看起来很模糊，我在css文件中跟踪到了我的动画，但我不知道为什么会出现这种情况 （确保打开图像，否则看不到太多差异） 启用动画（模糊） 禁用动画（清晰） 我尝试了很多在堆栈溢出上找到的选项，但没有一个解决我的问题 动画本身 @keyframes blink { 0% { opacity: 0.2; } 50% { opacity: 1; } 100% { opacity: 0.2; } } ani

在chrome浏览器中，我的文本看起来很模糊，我在css文件中跟踪到了我的
动画
，但我不知道为什么会出现这种情况

（确保打开图像，否则看不到太多差异）

启用动画（模糊）

禁用动画（清晰）

我尝试了很多在堆栈溢出上找到的选项，但没有一个解决我的问题

动画本身

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

animation: blink 2s infinite;
动画示例

我解决了这个问题，这是因为我的包装器组件有
位置：relative
在应用
变换时，以某种方式导致其余部分模糊


查找具有
位置：相对的父级
您使用的动画样式是什么？你能分享吗？我很确定chrome就是这样的。动画和过渡模糊。@Terry请看更新的问题您可以发布完整的代码，或者至少发布一个？如果您无法重现您的问题，您希望我们如何帮助您解决问题？很好！！tks兄弟！