html - 没有样式脚本的 CSS、HTML @-webkit-keyframes

Question

无论如何不使用样式脚本在元素中包含@-webkit-keyframes，例如:

<div style="@-webkit-keyframes {...}">
  ...
</div>

代替:

<div class="anim">
  ...
</div>

<style>
  @-webkit-keyframes anim {
    ...
  }

  ...
</style>

???

Answer 1

使用许多方括号 {} 并且 html 中的样式不适用于 clamps {}。

仅 style="color:red;width:20em;position:absolute"

<p class="youclass">hola</p>

CSS

.youclass{    
-webkit-animation: timereproduce-reproducing-after 1s infinite linear;
}
@-webkit-keyframes timereproduce-reproducing-after {
    0% { color: red;}
    100% {color: yellow;}
}