Возможно ли сделать автоматическое переключение слайдов используя только CSS?

Question

[Максим Калинин]

Как реализовать на CSS автоматическое переключение слайдов по кругу с задержкой 5 сек?

Вот мой слайдер: https://jsfiddle.net/8Lurse13/

Comments

[Сергей delphinpro]

https://www.yandex.ru/yandsearch?text=slider%20pur...

Answer 1

[Sergiu Mitu]

нет, через css анимации вы никак не сделаете input в состоянии :checked, а ваш слайдер меняется именно так.
Я конечно тоже игрался в своё время со слайдерами на чистом css, да и не только слайдеры, но вообще это полный бред, 2 строчки на js, ничего плохого не сделают. Не боитесь применять js в своих работах, он абсолютно безвреден.

Comments

[Sergiu Mitu]

ошибся, оказывается можно, но опять же, стоит ли писать 1000+ строк css вместо пары строк на js?

[Максим Калинин]

Сергей: я не знаю JS, никогда его не использовал. Там в вашей ссылке какие-то сложные эффекты, а мне только checked нужно менять как-то :)

[Sergiu Mitu]

Максим Калинин: так изучите, если вы не знаете js то тогда вам рано делать слайдеры. Вместо того чтобы пытаться на css сделать слайдер лучше изучите основы js, не тратьте на это время, css слайдеры вам никогда в жизни не пригодятся, это чистый фан. Это как самому сделать с помощью молотка и дерева свой lamborghini, возможно у вас что-то даже и выйдет в этоге очень похожее на оригинал, но врядли вы на нём будете по городу кататься.

[Максим Калинин]

Сергей: всмысле рано делать слайдеры. Я уже сделал слайдер на CSS. Только он не переключается автоматом.

[Sergiu Mitu]

Максим Калинин: вы мысль не уловили, в любом случае ссылку на решение я вам уже высылал.

Answer 2

[dom1n1k]

В принципе да, можно, но код будет громоздким и с ограничениями по возможностям.
Почти наверняка впоследствии, после очередной хотелки заказчика/менеджера/самого себя, ты все равно плюнешь на это дело и возьмешь карусель на JS.

Answer 3

[Etiene]

Вот мой слайдер. Делал для интереса:
https://codepen.io/yatxvxze/pen/wvoeOpz

// Версия 1.0.2 180221
// для времени 12 секунд
// расчитан на три кадра
// задержка первого кадра -1250 мс
// задержка вторго кадра 2750 мс
// задержка третьего кадра 6900 мс
// просмотр кадра 4 сек
// сдвиг 1200 мс