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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 5435 天前的主题，其中的信息可能已经有所发展或是发生改变。

disinfeqt

知道

6 条回复 • 1970-01-01 08:00:00 +08:00

shanghaikid

2011 年 3 月 6 日

css3

shanghaikid

2011 年 3 月 6 日

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

2011 年 3 月 6 日

@-webkit-keyframes text_mask {

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

100% {background-position: 0 0;}

}

romoo

2011 年 3 月 6 日

可怜的 Firefox 怎么办。。。

Mianco

2011 年 3 月 6 日

@romoo 是的，私有属性，我还准备在IE上实现呢，主要领导不用IE以外的浏览器，还是低版本的，我做出来主要是给他们看，哎。

Orz

2011 年 3 月 10 日

zdxia.com看来是到期了，现在是disinfeqt.com。