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

2011-03-06 20:49:43 +08:00
 Mianco
4631 次点击
所在节点    问与答
6 条回复
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/9376

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX