Javascript 如何正确使用css动画？

如何正确使用animation.css？我这样使用它：

我通过点击一个链接将其称为动画。因此，我的页面上的内容应该像fadeIn一样，这样用户就可以看到一些好东西，直到内容出现为止。我通过onclick事件中的jQuery函数调用这个动画类。此函数如下所示：

  function getRightCol(){
               $('#right-col').addClass('fadeIn animated').removeClass('hidden');
                       window.setTimeout( function(){
                                   $('#right-col').addClass('shown fadeIn');},1000);
                            window.setTimeout( function(){
              $('#right-col').removeClass('fadeIn fadeOut animated');},1000);                         
    };

关键是，Firefox完美地完成了这个动画。Chrome和Safari除了立即显示内容外什么都不做。此外，我的html页面底部有脚本。如果您想查看页面及其当前外观，请选中：wp.cloudstarter.de 那么，为什么它不能在Chrome上工作呢？我的错在哪里？我也将感谢使用css动画的一般提示

---

编辑：是的，我是个新手。

您需要将此添加到css中：

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}    
    100% {opacity: 1;}
}

@-webkit-keyframes fadeIn /* Safari and Chrome */
{
0%   {opacity:0;}
100%  {opacity:1;}
}

---

您需要将以下内容添加到css中：

@-webkit-keyframes fadeIn /* Safari and Chrome */
{
0%   {opacity:0;}
100%  {opacity:1;}
}

---

我从中复制了css类，您可以随时尝试添加它，它只有几行；）看起来像是丢了-网络工具包，没什么了。哦，该死。没错，问题解决了。谢谢我从中复制了css类，您可以随时尝试添加它，它只有几行；）看起来像是丢了-网络工具包，没什么了。哦，该死。没错，问题解决了。谢谢