Animating dialog and popover elements with CSS @starting-style - LogRocket Blog
Briefly

Use JavaScript libraries over CSS for animations in dialogs and popovers to avoid unnecessary application load and complexity.
Traditional CSS transition techniques face challenges when animating overlay elements like dialogs and popovers due to limitations in transitioning discrete properties like display.
Read at LogRocket Blog
[
|
]