Add animation/fade to modal/dialogue box (without using the bootstrap) The current state of a modal/dialog opening in Drupal 8 (and 7 for that matter) is pretty clunky from a user experience perspect. Leveraging some type of animation/fade would really enhance the elegance + cohesiveness of the modal. I notice bootstrap allows a "fade" class on the modal, which gives it a fade effect (I assume). Is there a way to add this type (or any type) of animation to a Drupal 8 modal without needing bootstrap? Am I missing something simple?

Edit:
Thanks for quick replies and patience with a newbie. So I'm opening a node/add form into a modal with a link like so..

&lt;a class="use-ajax" data-dialog-options="{&amp;quot;width&amp;quot;:800}" data-dialog-type="modal" href="/node/add/article"&gt;Add Article&lt;/a&gt;


I'd like the modal to open/close with a fade effect (or slide in, etc).
Is there a way to leverage JS, CSS or Drupal itself to create this animation?

Is there a better solution all together to displaying a node/add form in a popup/lightbox type element with ajax? 

Thank you!
What do you need the modal to do? I often use animated modals for my Drupal projects - http://joaopereirawd.github.io/animatedModal.js/

It seems to work pretty well for menus and forms in my experience.

It uses animate.css ( https://daneden.github.io/animate.css/ ) which you can use also to create some nice transitional effects.