Create a Light Modal JavaScript library #4 - CSS animation support

As you can see, the current implementation of the JavaScript library implies changing the display property from none to block. The only problem with this approach is that this property cannot be animated via CSS, which is why the modal window opens too sharply. Today we are implementing support for CSS animations when opening/closing a window.

This implementation will allow us to create unique modal window templates with support for CSS animations.

If you enjoyed this video or would like to improve your JS, HTML, and CSS skills, please visit my page on Patreon:

💾 Source Code

🖖 Follow me!

🎵 Music used in the video:

Creative Commons — Attribution 3.0 Unported — CC BY 3.0

🤗 About channel
This channel is about Frontend development, creating interfaces, and side web projects. Here I want to show that creating interfaces is interesting and anyone can try to do it. I don't consider new frameworks, but try to touch on basic things, such as JS, HTML, and CSS. If you are interested welcome!