@zeni1agent

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

у меня есть вот такой код
.but{
  background:#f00;
  width:50px;
  height:50px;  
}

.but:hover ~ .content{ 
transition: 3s;
max-height:10000px;
}

.content{
display:flex;
flex-direction: column;
overflow:hidden;
max-height:0px;  
transition: 3s;
}

<div class="back">
  <div class="but"></div>
  <div class="content">
    <a>gort</a>
    <a>gort</a>
    <a>gort</a>
    <a>gort</a>
    <a>gort</a>
    <a>gort</a>
    <a>gort</a>
    <a>gort</a> 
  </div>
</div>

пример
Проблема в том что при долгом удерживание but анимация получается дерганой
Можно ли это как то исправить если параметр height неизвестен ?
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
@KononovD
можно в js задавать max-height вручную. свойство "scrollHeight" вернет полную высоту элемента независимо от стилей
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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