#an&ularjs #flexbox #css-animations
#an&ularjs #flexbox #css-анимация
Вопрос:
У меня есть макет, который использует flex для изменения размера своих внутренних компонентов в соответствии с размером окна.
В части левой колонки есть либо какие-то «кнопки управления», либо «журнал событий», видимость которых можно переключать.
Я хотел бы анимировать это отображение / скрытие, чтобы div сообщений журнала выдвигался справа. Когда div сообщений журнала скрыт, он сдвинется назад вправо.
Система использует An&ularJS (не «An&ular»).
Большинство онлайн-примеров показывают, как анимировать непрозрачность для увеличения и уменьшения, а в тех немногих, которые показывают анимацию скольжения, используются элементы position: relative переноса position: absolute . Однако использование absolute переноса relative портит flex layout: видны неправильные элементы, а изменение размера не работает должным образом.
Есть идеи о том, как добиться такого эффекта?
Вот скрипка, показывающая макет.
Спасибо!