在 JSfiddle 中，它为什么不喜欢我的 css 中的 @keyframes？

问题描述

这是我的小提琴：https://jsfiddle.net/PinG1/vyqmpL3f/19/

@keyframes example {
  0% {opacity: 0;}
  50% {opacity: 100;}
  100% {opacity: 0;}

如您所见，JS fiddle 不喜欢 @keyframes 并不断返回错误。我不知道为什么，我正在努力弄清楚。

有什么想法吗？

解决方法

jsfiddle 代码中没有 Pyinstaller --add-binary <path to cairosvg>;cairosvg testCairo.py。此外，没有右大括号 (@)。

应该是这样的：

}

,

首先，您没有关闭关键帧，而是将其打开：

keyframes example {
  0% {opacity: 0;}
  50% {opacity: 100;}
  100% {opacity: 0;}

其次，您没有添加@。固定版本：

@keyframes example {
  0% { opacity: 0;} 
  50% { opacity: 100; }
  100% { opacity: 0; }
}

您也从未指定将在何处使用关键帧。