Question

我想使用card元素转发到博文。我的想法是在输入鼠标时永久显示标题和相应的描述。只要鼠标离开元素，描述就会再次消失。标题应移至原始位置。

为了说明我的想法，我创建了this草图。

我目前的进展相对温和。我已经尝试过使用fadeInUp和fadeOutDown（animate.css）。事实证明这有点令人不满意。您可以找到预览here。 Here，您可以找到没有动画的预览。

原则上，所需的动画已到位。但是，标题不会在原始位置结束，这当然是由fadeOutDown的使用引起的。就个人而言，当我想实现一个相当简单的动画时，我觉得整合Animate.css很不舒服。你能在这一点上给我你的意见吗？

您如何评价我的进度？这是一个好方法吗？

Answer 1

这是您的解决方案。 Fiddle 只需添加

.removeClass().addClass("card-title fadeInDown down animated");

到

$(this).find('.card-title').removeClass().addClass('card-title
 fadeOutDown animated')

悬停回拨

用于集成Animate.css Part。您不必使用整个css文件只需使用您需要的部分