V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Mianco
V2EX  ›  问与答

@disinfeqt 我想知道http://www.zdxia.com/ty/那个流动的标题是怎么实现的,能不能说下思路,感激不尽。

  •  
  •   Mianco · 2011-03-06 20:49:43 +08:00 · 4757 次点击
    这是一个创建于 4996 天前的主题,其中的信息可能已经有所发展或是发生改变。
    6 条回复    1970-01-01 08:00:00 +08:00
    shanghaikid
        1
    shanghaikid  
       2011-03-06 20:52:07 +08:00
    css3
    shanghaikid
        2
    shanghaikid  
       2011-03-06 20:52:35 +08:00
    background: url(img/mask.png) repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-animation-name: text_mask;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    他代码是这样的
    disinfeqt
        3
    disinfeqt  
       2011-03-06 21:02:43 +08:00
    @-webkit-keyframes text_mask {

    0% {background-position: -800px 0;}

    100% {background-position: 0 0;}

    }
    romoo
        4
    romoo  
       2011-03-06 21:16:45 +08:00
    可怜的 Firefox 怎么办。。。
    Mianco
        5
    Mianco  
    OP
       2011-03-06 21:31:15 +08:00
    @romoo 是的,私有属性,我还准备在IE上实现呢,主要领导不用IE以外的浏览器,还是低版本的,我做出来主要是给他们看,哎。
    Orz
        6
    Orz  
       2011-03-10 00:14:05 +08:00
    zdxia.com看来是到期了,现在是disinfeqt.com
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1027 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:20 · PVG 03:20 · LAX 11:20 · JFK 14:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.