Скачать или смотреть 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:
  / simplelayout  

💾 Source Code
https://github.com/Alexandrshy/keukenhof

🖖 Follow me!
Twitter:   / layout_simple  

🎵 Music used in the video:

Campfire by extenz   / extenz  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/extenz-campfire
Music promoted by Audio Library    • Campfire – extenz (No Copyright Music)  

🤗 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!