Герб Укріїни
Віримо в Україну та ЗСУ. Слава Україні!

Не работает анимация 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 адреса не оприлюднюватиметься. Обов’язкові поля позначені *