Css动画在Google Chrome Flipclock中不起作用

我的flipclock动画在Firefox和IE中运行良好，但在Google Chrome中不起作用

HTML

它可以在firefox上运行，但不能在chrome上运行。。。在chrome中仅显示白色页面。。这发生在禁用flash的chrome更新之后。
看起来你的
透视图是罪魁祸首。我对您的CSS进行了如下更改：

旧CSS：

ul.flip li a { 
   height: 100%;
  -webkit-perspective: 200px; 
  -moz-perspective: 200px; 
   perspective: 200px;
 }

ul.flip li a { 
   height: 100%; 
   width: 100%; 
   display: inline-block; 
   /* -webkit-perspective: 200px; 
      -moz-perspective: 200px; 
       perspective: 200px; */ 
   }

新CSS：

ul.flip li a { 
   height: 100%;
  -webkit-perspective: 200px; 
  -moz-perspective: 200px; 
   perspective: 200px;
 }

ul.flip li a { 
   height: 100%; 
   width: 100%; 
   display: inline-block; 
   /* -webkit-perspective: 200px; 
      -moz-perspective: 200px; 
       perspective: 200px; */ 
   }

正如您所见，我已经为
ul注释了您的
透视图
。flip li a
现在对Chrome和FF都可以正常工作

希望它能帮到你：）
看来你的
观点是罪魁祸首。我对您的CSS进行了如下更改：

旧CSS：

ul.flip li a { 
   height: 100%;
  -webkit-perspective: 200px; 
  -moz-perspective: 200px; 
   perspective: 200px;
 }

ul.flip li a { 
   height: 100%; 
   width: 100%; 
   display: inline-block; 
   /* -webkit-perspective: 200px; 
      -moz-perspective: 200px; 
       perspective: 200px; */ 
   }

新CSS：

ul.flip li a { 
   height: 100%;
  -webkit-perspective: 200px; 
  -moz-perspective: 200px; 
   perspective: 200px;
 }

ul.flip li a { 
   height: 100%; 
   width: 100%; 
   display: inline-block; 
   /* -webkit-perspective: 200px; 
      -moz-perspective: 200px; 
       perspective: 200px; */ 
   }

正如您所见，我已经为
ul注释了您的
透视图
。flip li a
现在对Chrome和FF都可以正常工作

希望它能帮到你：）
在我的Firefox上都不起作用。时间不起作用是因为需要日期，实际上这不是我们想要的。。。问题是。。。如果你在chrome中测试，它将看起来是白色的，这意味着问题。。。但在firefox中，它运行良好。。因为你可以看到黑色的css，如果我把你的
ul.flip li a{height:100%；-webkit透视图：200px；-moz透视图：200px；透视图：200px；}
改成这个
ul.flip li a{高度：100%；宽度：100%；显示：内联块；/*-webkit透视图：200px；-moz透视图：200px；透视图：200px；*/}
这两种浏览器都可以使用。mann u the best@vivekkupadhyay…非常感谢！它很有效！！！魅力！！！你是怎么做到的？我想知道…你应该在回复帖上写下…所以我可以相信你甚至没有在我的Firefox上工作。时间不工作是因为需要日期，实际上这不是我们想要的…问题是…如果你在chrome上测试，它看起来会是白色的，这意味着有问题…但是在firefox上它工作得很好…因为你可以看到黑色的css，这意味着正确的@vivekkupadhayi如果我改变你的
ul.flip li a{height:100%；-webkit透视图：200px；-moz透视图：200px；透视图：200px；}
到此
ul.flip li a{高度：100%；宽度：100%；显示：内联块；/*-webkit透视图：200px；-moz透视图：200px；透视图：200px；*/}
那么它对两种浏览器都很好。mann u the best@vivekkupadhyay…非常感谢！它很好！！！魅力！！！你是怎么做到的？我想知道…你应该在回复栏上写上…这样我可以相信你上次在Chrome update 40之后，它在两种浏览器中都能工作。我的java和flash版本有问题…我觉得很幸运能在Chrome update 40有你在这里…谢谢..它确实起作用了..上次它在两个浏览器中都起作用，在Chrome update 40.version之后，我的java和flash出现了一些问题..我感到很幸运有你在这里..谢谢..它确实起作用了。。