Html 将自动播放功能添加到纯CSS滑块

我想在css滑块中添加自动播放功能，但不确定当前代码结构是否可以。关于如何在不太修改当前代码结构的情况下进行添加，有什么建议吗

我制作了一把小提琴作为参考：

---

我希望这会有所帮助：你应该使用CSS动画，而不是过渡。。。动画允许重复。。。

    <div class="wav-gal-splash-container">
    <div class="wav-gal-splash-slide-container"> 
    <input id="wav-gal-splash-slider-1" type="radio" name="radio-set" class="wav-gal-splash-slider-selector1" checked="checked" />
    <label for="wav-gal-splash-slider-1" class="wav-gal-splash-slider-label-1"></label>     
    <input id="wav-gal-splash-slider-2" type="radio" name="radio-set" class="wav-gal-splash-slider-selector2" />
    <label for="wav-gal-splash-slider-2" class="wav-gal-splash-slider-label-2"></label>       
    <input id="wav-gal-splash-slider-3" type="radio" name="radio-set" class="wav-gal-splash-slider-selector3" />
    <label for="wav-gal-splash-slider-3" class="wav-gal-splash-slider-label-3"></label>     
    <input id="wav-gal-splash-slider-4" type="radio" name="radio-set" class="wav-gal-splash-slider-selector4" />
    <label for="wav-gal-splash-slider-4" class="wav-gal-splash-slider-label-4"></label>       
    <input id="wav-gal-splash-slider-5" type="radio" name="radio-set" class="wav-gal-splash-slider-selector5" />
    <label for="wav-gal-splash-slider-5" class="wav-gal-splash-slider-label-5"></label>      
    <div class="wav-gal-splash-slider-background">
    <ul class="wav-gal-splash-slides">
    <li><a href=""><img src="http://fakeimg.pl/824x392/?text=one" /></a></li>
    <li><img src="http://fakeimg.pl/824x392/?text=two" /></li>
    <li><img src="http://fakeimg.pl/824x392/?text=three" /></li>
    <li><img src="http://fakeimg.pl/824x392/?text=four" /></li>
    <li><img src="http://fakeimg.pl/824x392/?text=five" /></li>
    </ul>
    </div>
    </div>
    </div>