如何通过检查元素添加@keyframes规则？

Question

我一直喜欢通过检阅元素自定义经常使用的网页，以使我更满意，但是，我一直未能在CSS中添加@keyframes规则。每当我单击“新样式规则”并键入代码时，它就会消失。

  0%{
    text-shadow: 0 0px 15px #f0f;
  }
  33%{
    text-shadow:0 0px 15px #0ff;
  }
  66%{
    text-shadow: 0 0px 10px #0f0;
  }
  100%{
    text-shadow: 0 0px 10px #ff0;
  }
}

我注意到在其他使用关键帧的网站中，它们与常规类是分开的，并且我无法通过inspect元素与其进行任何交互。@keyframe in inspect element

是否不可能仅通过检查元素来添加关键帧？

Answer 1

有一些chrome扩展名可帮助页面CSS编辑，例如amino。

或者，您可以直接在Sources选项卡上处理CSS文件。

在Sources选项卡中，提供了所有内容文件，包括CSS文件。 CSS文件将显示为紫色。很有可能已被压缩，但是您可以使用左下方的{}按钮进行漂亮的打印。进入该页面后，您可以按自己喜欢的方式对其进行编辑，进行测试并查看翻译成的页面布局。