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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

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

disinfeqt

知道

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

shanghaikid

2011-03-06 20:52:07 +08:00

css3

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

2011-03-06 21:02:43 +08:00

@-webkit-keyframes text_mask {

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

100% {background-position: 0 0;}

}

romoo

2011-03-06 21:16:45 +08:00

可怜的 Firefox 怎么办。。。

Mianco

2011-03-06 21:31:15 +08:00

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

Orz

2011-03-10 00:14:05 +08:00

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