|
Для анимации нужно использовать какие-либо свойства, имеющие числовые значения.
Сейчас модальное окно прячется и отображается с помощью свойства display: none/block. Это свойство не может быть анимировано.
Попробуйте использовать числовые свойства, такие как opacity, top, left, width, height.
Самый классный эффект получается при неравномерной анимации. Например, сначала стартует увеличение высоты блока, а затем его ширины. Т.е. эти свойства анимируются с разной задержкой и разной скоростью.
Классы для экспериментов: .search_modal и .search_modal_show
+ пригодится свойство transition: all .5s;
|