Не работает анимация transform (display: none; в display: block;)

27.03.2019

Очень часто верстальщики в своей практике используют свойство display: none; и меняют его по клику или ховеру на display: block;. В основном это используется для мобильных меню или блоков, которые открываются по клику. Все бы хорошо, но, если вы захотите анимировать такой блок через transform, вам это не удастся.

Поэтому представляем вашему вниманию хак который поможет решить проблему неработающей анимации transform на блоках с display: none; в display: block;

See the Pen transform (display: none; в display: block;) by Tom Johnson (@OwlThemes) on CodePen.

Добавить комментарий

Ваш e-mail не будет опубликован.