hzzzzl, в общем, получается так, что работает нормально, без больших пробелов, с calc(150px * 3 * -1), то есть анимация для трети картинок. Но и то не работает толком, зависит от количества картинок.
Большое спасибо за ответ с примером! Вроде всё работает, но заметно какое-то подёргивание иногда, а не так плавно, как на том сайте. Да и gap не работает в Safari, но это мелочи.
И ещё, возможно ли как-то сделать, чтобы не использовать калькулятор в трансформ?
twobomb, Спасибо за быстрый ответ и пример! Но ещё вопрос, и сразу извиняюсь за него, что именно написать для добавления блока, если в html это будет, например div class="block" ?
Andrey Vasilev, большое спасибо за пример, но, наверное, с calc не получится, так как при положительном значении top, надо, чтобы margin был меньше (например, top: 20px, то margin: 0px).
Но за ответ всё равно спасибо!
Andrey Vasilev, настраиваемая градиентная тень, размер которой зависит от отступа (top, bottom и далее) и настройки margin, чтобы тень не обрезалась.
И чтобы всё нормально показывалось, надо: если top: 0, то margin: 20px. Если top: -10px, то margin: 30px. И если top: 10px, то margin: 30px.
Как-то так.
