总览课程第5章Checkpoint 16：定义关键帧语法问题求助

你的代码存在两个关键语法问题，修正后的完整代码如下：

@keyframes blink {
  0%, 100% {
    background: radial-gradient(circle, red 15%, transparent 40%), #cc5;
  }
  50% {
    background: radial-gradient(circle, transparent 15%, transparent 40%), #cc5;
  }
}

错误点说明： #

1. 属性拼写错误：radial-gradiant 是错误拼写，CSS径向渐变的正确属性名是 radial-gradient（补全缺失的字母 e）。
2. 关键帧不完整：@keyframes 规则需要至少定义起始（0%/from）和结束（100%/to）状态，仅保留 50% 会导致浏览器无法识别动画的完整循环逻辑，无法正常触发闪烁效果。补充 0% 和 100% 状态后，动画会在正常眼睛样式和闭眼样式之间循环切换，实现闪烁效果。

内容的提问来源于stack exchange，提问作者Rocky_Duck