純 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

?

這將完成工作的自動化部分