Антон Добрынин, написал ответ с телефона, думаю, сможешь разобраться, ибо не сложно там.
Чтобы без геморроя с размерами, нужно делать с обертками. Да и в целом это правильнее.
И того обилия свойств, что у тебя в примере, там совершенно не нужно.
Аккуратнее будьте. Если анимация выходит за пределы классических CSS-трансформаций и возможностей блочной модели, то 99% случаев подобные анимации делаются в After Effect, ибо в код перевести гораздо сложнее или вовсе невозможно.
В данном случае это реально, но достаточно сложно.
JS + SVG (трансформация через JS) + CSS. Можно использовать ту же GSAP, чтобы упростить задачу (она упрощает задачу, если конечно, вы знаете эту библиотеку).
Антон Добрынин, я просто не очень понимаю, почему никто сразу не выкладывает в песочницы или ссылки, ибо без визуального понимания результата, чужой CSS-код читать сложно.
z_u_l, так, сколько слайдов с фиксированной шириной на одном экране? Различаются ли эти значения Сколько слайдов должно прокручивать по нажатию на кнопку, а сколько по прикосновению? Будет ли контейнер слайдов иметь фиксированное соотношение сторон или же будет меняться только ширина?
Нужно понимать, что некоторые параметры будут ограничены фиксированной шириной слайдов.
Давайте лучше так. Вот у вас есть пример слайдера. Что там нужно изменить на уровне потребности, чтобы было так, как нужно вам? В чём его проблема в текущем виде.
