纯 CSS Slider 带导航和自动播放

Question

我已经在工作中苦苦挣扎了一个星期，但无法完全弄清楚，而且我的朋友都不知道 HTML/CSS，所以我想为什么不在这里问呢？ 我在公司的内部网站上工作，这有点废话，没有一个应用程序可以工作。 他们有一个我们不太关心的轮播，我正试图摆脱它，所以我打算制作一个新的......唯一的问题是该网站不允许任何脚本或 java 所以我真的只限于基本的 html 和 css ，我一辈子都不知道如何让动画工作。 我已经想出了如何通过在线研究来制作轮播，这很好，看起来很简单，自己制作动画照片似乎很简单......但是试图制作一个 animation 没有 java 或任何类型的脚本想不通。 希望有人可以帮助我制作一个超级基本的，即使它只是一个带有 hover 暂停的通用图像旋转器，但最好是自动旋转并具有导航箭头或页面点的东西......

我发现这可能适用于我们的网站，但我需要联系我们的提供商，以了解为什么我们的主机网站将“.st-slider > #play1:checked”之间的“>”替换为垃圾文本防止我从看看这个 animation 是否真的可以工作（它应该因为没有脚本运行它和其他基于 keyanimation 的 css 滑块在我们的网站上工作）。 然后我希望它看起来更好......但是要了解我正在查看什么样的项目，请参阅下面的链接。

https://codepen.io/miriamcc/pen/KzGGqZ

enter code here

Answer 1

你好亲爱的你试过用吗

@keyframes

?

这将完成工作的自动化部分