@6epcepk

Как сделать JS/CSS слайдер с использованием flex элементов?

Всем привет.

Есть верстка в 3 колонки, колонки - flex элементы. Вот JsFiddle.
Необходимо скрыть одну/две/все колонки с использованием transition.
Грубо говоря, как в dashboard.

1. Пробовал margin-left. Работает не корректно при колонках > 2. Даже если указывать 100% или offsetWidth элемента
2. Пробовал display-none, но он не поддерживает transition. Будущее еще не настало полностью.
3. Пробовал через opacity, но остается лишний gap контейнера
4. И еще, почему если у контейнера padding, то получается flex-basis не корректно работает (правый синий флекс уходит за границу контейнера).

В общем хотелось бы остаться на display-flex с position-relative, не готов пока переходить на css grid.

6683a2f7c6dd6692220928.jpeg
6683a2ffef812018823945.jpeg
  • Вопрос задан
  • 109 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
как-то так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы