V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
sll822
V2EX  ›  分享创造

我想起苹果上面的呼吸灯,,我打算在网站制作的时候,对于登陆用户提供一个呼吸logo显示其状态,,这个怎么实现呀,请教高人 这个会不会占很多资源呀

  •  
  •   sll822 · 2012-05-15 11:32:50 +08:00 · 3650 次点击
    这是一个创建于 4567 天前的主题,其中的信息可能已经有所发展或是发生改变。
    7 条回复    1970-01-01 08:00:00 +08:00
    xavierskip
        1
    xavierskip  
       2012-05-15 11:39:38 +08:00
    可以使用css3 中的 animation 属性 来制作。你可以上网找一下css3的资料看一下,蛮简单的,网上也有例子。我做着玩的一个页面,看一下可不可以启发下你。
    http://xavierskips.googlecode.com/svn/trunk/labs/neverstops.html
    当然浏览器要支持。。
    laujh
        2
    laujh  
       2012-05-15 11:40:41 +08:00
    最简单的就是做张 gif 图片咯。
    fline
        3
    fline  
       2012-05-15 11:47:12 +08:00
    @xavierskip 篮球到顶部的时候……好僵硬………………
    loading
        4
    loading  
       2012-05-15 12:02:38 +08:00
    以前就在qq上一堆动画表情,让对方死机。。。
    有奇效
    Sivan
        5
    Sivan  
       2012-05-15 12:08:21 +08:00
    不会占用很多资源,用 CSS3 即可实现。

    以前搞着玩弄过俩:
    http://lightcss.com/tutorials/transformers/
    http://lightcss.com/tutorials/turtles/

    你说的那种效果只要用 animation 控制 Logo 的 opacity 就行。
    xavierskip
        6
    xavierskip  
       2012-05-15 12:52:01 +08:00
    @fline 额~~随便做着玩的,我技术很烂的。。。
    sll822
        7
    sll822  
    OP
       2012-05-15 13:52:42 +08:00
    @xavierskip 恩恩,谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2004 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:21 · PVG 00:21 · LAX 08:21 · JFK 11:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.