HTML5技术

【视觉控】3D时钟 - 欧阳不乖

字号+ 作者:H5之家 来源:H5之家 2016-02-17 15:00 我要评论( )

心心念念的新年过完了~却没念到年会,更没念到年终奖~哎,以任何理由不发年终奖的公司都是臭流氓~然,我们公司没有理由,压根儿就没提这事,哇卡卡卡卡!!! ======================== 华丽丽的跳水线=========================== 年后第一天,公司人不多,

心心念念的新年过完了~却没念到年会,更没念到年终奖~哎,以任何理由不发年终奖的公司都是臭流氓~然,我们公司没有理由,压根儿就没提这事,哇卡卡卡卡!!!

======================== 华丽丽的跳水线===========================

年后第一天,公司人不多,闲来逛逛各个论坛,发现一个小特效,拿出来共享一下,顺便请大拿帮忙看看一个奇葩的BUG~

来人~上代码!

喳~

Countdown Clock none .clearfix:before, #social ul, 0% { } 0% { } 0% { } 0% { } 0% { } 0000112233445500112233445566778899 () { 516 secondPlay() ); () { 521 minutePlay() ); secondPlay() { ); ); undefined) { ); ) ) ) ) ) ); 537 538 } )) { ); ); ); ) ) ); 546 } 547 else { ); ) ) ) ) ) ); 555 } 556 557 } minutePlay() { ); ); undefined) { ); ) ) ) ) ) ); 571 572 } )) { ); ); ); ) ) ); 580 } 581 else { ); ) ) ) ) ) ); 589 } 590 591 }

以上源代码经测,在chrome和Firefox下均可正常运行,显示结果如下: 

可是在Safari下,显示如下:

IE没有,暂时未测。

===========================================================

自我分析感觉问题出在了一些css3样式上,所以将所以需要添加前缀的属性都添加了-webkit-,-o-,-ms-,-moz-等前缀(测试代码有加,上边附的代码保留的源码),依旧不起作用。

话说,chrome没有问题的话,Safari不应该是同样正常显示的吗?

求赐教~~~~

 

 

============================================================

解决方案:

prefixfree.min.js

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 博客园自定义之博客园公告栏添加时钟——利用canvas画出一个时钟 - Devil_lixu

    博客园自定义之博客园公告栏添加时钟——利用canvas画出一个时钟 - D

    2017-02-16 13:01

  • Html5绘制时钟 - 飞翔的月亮

    Html5绘制时钟 - 飞翔的月亮

    2016-11-30 16:00

  • transform实现的时钟效果 - 小数点就是问题

    transform实现的时钟效果 - 小数点就是问题

    2016-08-18 17:00

  • CSS3 时钟 - 前端爱好者

    CSS3 时钟 - 前端爱好者

    2016-08-14 10:01

网友点评
<