Как сделать такой слайдер с такими эффектами?

Question

[Александр Осадчий]

Подскажите пожалуйста, через что делать такой слайдер для сайта?

Вот, как он должен работать: Видео

Сами элементы слайдера в анимированном виде у меня есть, а вот логика переходов (эффекты) - ума не приложу.

Answer 1

[Ivan Bogachev]

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

Ну и простенький примерчик чего-то похожего по принципу действия:



P.S.: Но вообще-то в плане производительности было бы уместно все эти геометрические штуки рисовать на канвасе, а не делать кучу одновременных изменений CSS-свойств у элементов.

Answer 2

[profesor08]

Кликнул надпись убралась, блок с кубиками приблизился и наклонился, потом еще приблизился и наклонился, потом совсем приблизился, и появился новый с кубиками помельче, с ним аналогично. Если надо переставить кубики под нужным углом - переставляешь.