Затухание перехода CSS

Итак, я использовал переходы CSS раньше, но с этим у меня уникальный случай. Я пишу собственный плагин для создания модальных окон. По сути, я создаю div на лету document.createElement('div')и добавляю его к телу с помощью нескольких классов. Эти классы определяют цвет и непрозрачность. Я хотел бы использовать строго CSS, чтобы иметь возможность исчезать в этом div, но изменение состояния кажется сложным, потому что они требуют некоторого взаимодействия с пользователем.

Пробовал некоторые расширенные селекторы, надеясь, что это приведет к изменению состояния, пробовал медиа-запрос, надеясь изменить состояние... ищу любые идеи и предложения, я действительно хочу сохранить это в CSS, если это возможно