Если вы хотите сделать какую-либо анимацию c использованием transition, создайте новый класс или id и опишите его с помощью css указав нужные вам свойства. А после при необходимости присвойте тэгу нужный вам класс или id с помощью JavaScript.
К примеру, у меня есть сайт, у которого есть кнопка открытия модального окна - меню.
У section присвоен класс modal, но после нажатия на кнопку ему еще добавляется класс opened, который и позволяет открыть модальное окно с анимацией
До нажатия:
После нажатия:
Данный сайт:
https://triplicates.github.io/Afrianska/
Там же можно и посмотреть исходный код так как это GitHub репозиторий
