sunblossom2018-06-12 12:38:40
sunblossom, 2018-06-12 12:38:40

Animation not working correctly in ul?

There is a menu on ul with several items inside.
Initially, ul has zero height and the specified transition (all .3s ease).
When changing the height of the ul, the animation does not work. That is, the height of the list from zero to normal changes instantly. But when the list height is reduced back to zero, the animation works.
What could be the problem? Will suit any solution, even the most crutch of crutches.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
Alexander Sharomet, 2018-06-12

Perhaps you have the transition parameter set to hover (on hover). If so, put it initially for ul in this form

ul {
transition: 0.3s;

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question