Слайдер на CSS

[MikalaiR]

А где же ссылка, где можно увидеть пример?

[GenrikhFetischev]

Можно вот тут посмотреть — genrih-fetischev.myjino.ru/balovstvo, надо было сразу конечно ссылку.

[GeMir]

На i5 2500K загрузка 2%, но анимация местами рывками (Chrome 57, 64-bit).

[aliencash]

Гениально! Как я сам не додумался? (

[DjPhoeniX]

Не понял, зачем махинации с движением за кадром. После первой фазы вставить сильно отрицательный z-index, перепрыгнуть направо, вернуть «как было», и (когда придёт время) продолжить (как сейчас) с готовым положением.

И выложите семпл куда-нибудь на jsfiddle. Со ссылкой в посте.

[GenrikhFetischev]

По поводу z-index тоже была мысль, но даже не могу сказать почему не реализовал так, вероятно забыл про эту идею.
jsfiddle — спасибо, возьму на заметку

[Ipauler]

Вот jsfiddle

[grimalschi]

Спасибо!

[lipton_ice_tea]

И каждый раз, когда я захочу добавить еще слайд, или убрать, придется лезть и править css?!

[GenrikhFetischev]

Можно, думаю, использовать какой-нибудь препроцессор, например

[lekzd]

картинки из css стоит заменить на обычные img, так удобнее их менять как контент. Магические числа 500 и 300 так-же не нужны, css transform отлично работает с высотой и шириной элемента через проценты. да и css counters можно попробовать использовать для задержки анимации

[raveclassic]

У меня дежавю

[raveclassic]

Как раз это и имелось виду :)

[Krasnodar_etc]

+, нада пример. Справедливости ради, скажу, что я раньше не видел css-слайдеров с автоплэй-ем и бесконечной прокруткой.

Но всё таки, сколько можно об этом писать? Наверное, самая изъезженная тема в вёрстке за год. Да и зачем нужен слайдер, если пользователь не может остановить его и посмотреть слайд/отмотать к нужному слайду? Ну… такое