Как сделать автопрокрутку слайдера сделанного на CSS?

Question

[Дан]

Есть два слайдера на странице сделанные по аналогии с этим: csscience.com/responsiveslidercss3
Помогите организовать их автоматическую прокрутку

Answer 1

[Максим]

С помощью animation + @keyframes.
Ключевыми кадрами будут позиции изображений. Сдвигать изображения нужно на дистанцию равную ширине изображения, первый и последний кадр будут равны.

Comments

[Дан]

Не подходит, к сожалению, радио-кнопки и ручная навигация при этом будет работать некорректно

[Максим]

+ попробовать повесить анимацию на селектор :not(:hover)