CSS幻灯片无法播放

试图用CSS制作一些幻灯片，但似乎不起作用。 这是你的电话号码。发生了什么？有人能帮忙吗？谢谢

正文{
背景色：#CCD19B；
保证金：10px 50px 10px 50px；
}
/*////导航条////*/
.导航{
宽度：100%；
显示器：flex；
保证金：0.03亿元；
填充：0；
文本对齐：居中；
对齐内容：右对齐；
证明内容：中心；
对齐内容：居中对齐；
对齐项目：居中；
}
.导航a{
弹性：1；
填充：18px 10px；
文字装饰：无；
颜色：#020303；
字体系列：“投石机MS”；
列表样式：无；
}
.导航a:悬停{
颜色：#BF250D；
}
#家{
颜色：#DE940B；
}
/*.亲爱的{
宽度：850px；
}
乔里佐先生{
宽度：850px；
}
.绵羊{
宽度：850px:；
}
.市场{
宽度：850px；
}*/
.幻灯片放映{
宽度：850px；
高度：450px；
溢出：隐藏；
位置：相对位置；
}
.幻灯片{
位置：绝对位置；
动画：fling minislide 10s无限；
宽度：100%；
高度：自动；
}
@关键帧幻灯片放映{
25% {
不透明度：1
}
40% {
不透明度
0
}
}
.幻灯片图像：第n个孩子（4）{
动画延迟：0s；
}
.幻灯片图像：第n个孩子（3）{
动画延迟：5s；
}
.幻灯片图像：第n个孩子（2）{
动画延迟：10秒；
}
.幻灯片显示图像：第n个孩子（1）{
动画延迟：15秒；
}

好东西如果好的话就在这里

您的代码中存在一些类型错误&您在幻灯片放映中使用了不同的动画

在此处更改此动画名称

.slideshow img {
  animation: fling-minislide 10s infinite;
}

.slideshow img {
  animation: slideshow 10s infinite;
}

到此

.slideshow img {
  animation: fling-minislide 10s infinite;
}

.slideshow img {
  animation: slideshow 10s infinite;
}

和类型错误。

@keyframes slideshow {
  25% {
    opacity: 1
  }
  40% {
    opacity,
    0
  }
}

到此

@keyframes slideshow {
  25% {
    opacity: 1
  }
  40% {
    opacity: 0;
  }
}

这是工作代码。

@keyframes slideshow {
  25% {
    opacity: 1
  }
  40% {
    opacity,
    0
  }
}

正文{
背景色：#CCD19B；
保证金：10px 50px 10px 50px；
}
.导航{
宽度：100%；
显示器：flex；
保证金：0.03亿元；
填充：0；
文本对齐：居中；
对齐内容：右对齐；
证明内容：中心；
对齐内容：居中对齐；
对齐项目：居中；
}
.导航a{
弹性：1；
填充：18px 10px；
文字装饰：无；
颜色：#020303；
字体系列：“投石机MS”；
列表样式：无；
}
.导航a:悬停{
颜色：#BF250D；
}
#家{
颜色：#DE940B；
}
.幻灯片放映{
宽度：850px；
高度：450px；
溢出：隐藏；
位置：相对位置；
}
.幻灯片{
位置：绝对位置；
动画：幻灯片放映10秒无限；
宽度：100%；
高度：自动；
}
@关键帧幻灯片放映{
25% {
不透明度：1
}
40% {
不透明度：0；
}
}
.幻灯片图像：第n个孩子（4）{
动画延迟：0s；
}
.幻灯片图像：第n个孩子（3）{
动画延迟：5s；
}
.幻灯片图像：第n个孩子（2）{
动画延迟：10秒；
}
.幻灯片显示图像：第n个孩子（1）{
动画延迟：15秒；
}

好东西如果好的话就在这里

“出了什么问题”完全取决于您希望发生什么。目前正在发生什么，这与你预期的情况有何不同。。。您定义了一个动画并使用了一个不存在的动画，但在animation@ObsidianAge我只是想看看你是否注意了，你通过了考试。是的，这一次我很糟糕，我知道，是我没注意到：）