如何将动画/淡出添加到模式/对话框中？

Question

从用户体验的角度来看，Drupal 8中模式/对话框打开的当前状态(以及7)非常笨拙。利用一些类型的动画/淡出将真正提高优雅+内聚力的模式。我注意到引导允许模式上的“淡入”类，这给它一个淡出效果(我假设)。有没有一种方法可以将这种类型(或任何类型)动画添加到Drupal 8模式，而不需要引导呢？我错过了一些简单的东西吗？

编辑:谢谢你对新手的快速回复和耐心。因此，我打开一个节点/将表单添加到一个模式中，其链接如下..

<a class="use-ajax" data-dialog-options="{"width":800}" data-dialog-type="modal" href="/node/add/article">Add Article</a>

我希望模式打开/关闭时有淡出效果(或滑入，等等)。有没有办法利用JS、CSS或Drupal本身来创建这个动画呢？

是否有更好的解决方案来用ajax在弹出/lightbox类型元素中显示节点/添加表单？

谢谢!

Answer 1

你需要这种模式做什么？我经常在我的Drupal项目中使用动画模型- http://joaopereirawd.github.io/animatedModal.js/

在我的经验中，它似乎很适合菜单和表单。

它使用animate.css ( https://daneden.github.io/animate.css/ )，您也可以使用它来创建一些很好的过渡效果。