具有导航和自动播放功能的纯CSS滑块



我已经在工作中挣扎了一个星期,但无法完全弄清楚,我的朋友都不懂HTML/CSS,所以我想为什么不在这里问呢?我在公司的内部网站上工作,没有任何应用程序工作,这有点废话。他们有一个旋转木马,我们不太关心我试图摆脱它,所以我打算制作一个新的......唯一的问题是该网站不允许任何脚本或 Java,所以我实际上仅限于基本的 html 和 css,我一生都无法弄清楚如何制作动画。我已经想出了如何通过在线研究制作轮播,这很好,看起来很简单,自己制作动画照片似乎很简单......但是尝试在没有 Java 或任何类型的脚本的情况下使用任何类型的控件制作动画,我无法弄清楚。希望有人能帮我做一个超级基本的,即使它只是一个带有悬停暂停的通用图像旋转器,但最好是自动旋转并具有导航箭头或页面点的东西......

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

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

enter code here

你好亲爱的你试过使用

@keyframes

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

最新更新