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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 5542 days ago, the information mentioned may be changed or developed.

disinfeqt

知道

6 replies • 1970-01-01 08:00:00 +08:00

shanghaikid

Mar 6, 2011

css3

shanghaikid

Mar 6, 2011

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

Mar 6, 2011

@-webkit-keyframes text_mask {

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

100% {background-position: 0 0;}

}

romoo

Mar 6, 2011

可怜的 Firefox 怎么办。。。

Mianco

Mar 6, 2011

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

Orz

Mar 10, 2011

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