Задать вопрос
@accountnujen

Как плавно можно изменить порядок в flex?

694d9d1317655802209876.png
Попытка плавно анимировать изменение блоков во время прокрутки.

4 блока. Все они находятся в фиксированном контейнере наверху страницы. На картинке показал как выглядит состояние до (1) и состояние после (2). Состояние "до" - это положение наверху сайта. Когда начинаешь пролистывать страницу вниз - блоки должны плавно измениться и встать в положение "после". Зелёный должен плавно исчезнуть, а фиолетовый должен занять его место.

Затык у меня в том, что я не могу на место зелёного поставить фиолетовый. Если я делаю через "order", то это всё происходит рывком. Если размещать зелёный и фиолетовый в один контейнер, то синие можно разместить только через position: absolute. Если конечно другое решение не будет найдено, то буду использовать его, но оно мне не очень нравится.
  • Вопрос задан
  • 208 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • Бруноям
    Вёрстка на HTML и CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
kryamk
@kryamk
Попробовал фиолетовый абсолютом, но поди и правда лучше абсолют синим задать

Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы