Как называется данный способ показа информации?

Question

[Amalat]

Загрузил видео на данные сервис https://imgur.com/xQHoB35
Подскажите пожалуйста, если можно так же указать ссылку на пример.

Comments

[Вадим]

Выглядит как слайдер, просто с таким вот эффектом. Что-то типа cards stack slider.
Вот тут на главной в шапке почти такой слайдер: https://swiperjs.com/

И вот пара похожих:
https://junedchhipa.github.io/stacked-cards/
https://www.cssscript.com/responsive-stacked-card-...
Тут эффект при скроле https://codyhouse.co/demo-tutorials/stacking-cards...

Answer 1

[formasters777]

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

Comments

[maksam07]

Может что-то типа accordion ?

[Amalat]

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

[formasters777]

есть html, css
есть три карточки, они однотипны,
карточки находятся в позиции absolute или fixed,
их расположение можно выставить или через объект document, window, или просто transform: translate, left, right,
у карточек есть стили и идентификаторы,
у стилей прописана анимация через KeyFrame,
на событие Click ставите стиль выдвигания, после второго клика стиль задвигания (реверс),
по сути функция переключатель, включить-выключить toggle,
отрабатываете одну карточку,
далее слоями через z-index, добавляете ещё две карточки,
и настраиваете отступ выдвижения в стилях.