html - 我们如何将 animations.css 应用到 GWT 小部件？

Question

我正在使用 GWT 并尝试使用 animation.css 应用 slideUp、slideDown 等过渡效果

我在html文件中链接了animation.css，例如，

<link rel="stylesheet" href="css/animate.css">

还包括一个脚本，

<script  type="text/javascript src="http://code.jquery.com/jquery-latest.min.js"></script>

我已将此 animation.css 类直接应用到我的面板或小部件中，

        myPanel.addStyleName("slideInDown");

其中“slideInDown”是animation.css 中的类名，但效果并未应用于该myPanel。有人可以帮助解决上述情况下的问题吗？

Answer 1

我刚刚更改了向 myPanel 添加样式名称的方式，

        myPanel.addStyleName("animated slideInDown");

即在animation.css 类名即“slideInDown”之前添加“动画”后，css 将应用于myPanel。