Как сделать плавную анимацию двух элементов? ⇐ CSS
-
Гость
Как сделать плавную анимацию двух элементов?
Я хотел сделать так, чтобы при нажатии кнопки .add-todo форма ввода (.new-todo) тоже анимировалась, но для некоторых причина, по которой кажется, что только форма .new-todo имеет анимацию, а когда появляется форма ввода, кнопка резко опускается вниз, и мне нужно, чтобы она опускалась плавно, например форма ввода
Заранее спасибо
видео об этой проблеме
... пусть isAddingTodo = ref(false) ... .fade-enter-активный, .fade-leave-active { переход: все 0,5 секунды легкости; } .fade-enter-from, .fade-leave-to { непрозрачность: 0; преобразование: TranslateY (-69 пикселей); } Я ожидал, что кнопка тоже плавно опустится вниз, но почему-то при появлении формы она опускается резко
Я хотел сделать так, чтобы при нажатии кнопки .add-todo форма ввода (.new-todo) тоже анимировалась, но для некоторых причина, по которой кажется, что только форма .new-todo имеет анимацию, а когда появляется форма ввода, кнопка резко опускается вниз, и мне нужно, чтобы она опускалась плавно, например форма ввода
Заранее спасибо
видео об этой проблеме
... пусть isAddingTodo = ref(false) ... .fade-enter-активный, .fade-leave-active { переход: все 0,5 секунды легкости; } .fade-enter-from, .fade-leave-to { непрозрачность: 0; преобразование: TranslateY (-69 пикселей); } Я ожидал, что кнопка тоже плавно опустится вниз, но почему-то при появлении формы она опускается резко
