@z_u_q

Как сделать плавную анимацию в toggleClass?

Пробовал через transition в css, но задержка есть, а плавности нет.

https://codepen.io/malinosky/pen/NMwygw
  • Вопрос задан
  • 1073 просмотра
Пригласить эксперта
Ответы на вопрос 2
@andrey_koyta
Измени height на max-height. И ставь max-height: 9999px (например) в .paragraph-all. При auto не анимируется
.paragraph {
    height: 100%;
    max-height: 35px;
    overflow: hidden;
    transition: .5s;
}

.paragraph_all {
  max-height: 500px;
  transition: .5s;
}


https://css-tricks.com/using-css-transitions-auto-...

We can't transition height, but we can transition max-height...
Ответ написан
Комментировать
@AlexRas
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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