我们如何将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");

其中＆＃34; slideInDown＆＃34;是animation.css的类名， 但效果没有应用到myPanel。 在上述情况下，有人可以帮助解决问题吗？

Answer 1

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

        myPanel.addStyleName("animated slideInDown");

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