Не работает анимация 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.

UNLIMITED DOWNLOADS: 50+ Million WordPress & Design Assets


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

Ваш адрес email не будет опубликован.