如何在Chrome检查器中直接创建并附加CSS3动画？

Question

17

我知道你可以直接从检查器中附加hover事件，但是如何直接在检查器中创建和附加CSS3动画呢？

例如，如果我尝试使用检查器创建以下动画：

@-webkit-keyframes test{
   0%{background:red}
   100%{background:blue}   
}

浏览器会在单词 "background" 和 "red" 之间的第一个冒号(:) 后停止注册代码。

- Conqueror

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Lucas Kauz · Accepted Answer

你可以直接在CSS代码中进行编辑。

如果您想选择CSS文件：

最后，如果您没有CSS文件，可以将代码放入HTML中使用：

在标记外部添加自定义样式，例如：

<style>
@-webkit-keyframes test{
    0%{background:red}
    100%{background:blue}   
}
</style>
<body>
    lorem ipsum
</body>