http://www.everants.com/wp-content/uploads/2015/03/QQ截图20150321200946.png
当蓝色进度条移动到文字处时蓝色背景的部分文字会变成白色
1
abelyao 2015-03-21 22:14:29 +08:00
最简单的就是做个 a:hover 咯,然后把背景色对调一下。
|
3
abelyao 2015-03-21 23:37:40 +08:00
@xxxpara 你就给了一张 png 也没给页面不知道具体是怎样的效果。
不明白所谓的“进度条”是指什么,如果是一个定时效果的话,CSS 3 中已经有了关于动画的样式,也可以指定多少时间之后发生什么样式改变。 |
4
xxxpara OP @abelyao 这个我知道,但是这里的是这样的:随着进度条覆盖掉文字文字的颜色跟着改变
我只能想到弄两个div一个在上一个在下去实现 |
6
yangff 2015-03-22 00:21:39 +08:00 via Android
一层白色底
一层蓝色进度条 一层蓝色文字 一层白色文字 +一层遮罩进度条给文字做mask,动画和蓝色进度条保持一致 这样应该可以吧。。 |
7
yangff 2015-03-22 00:24:16 +08:00 via Android 1
唔。。白色文字和蓝色进度条可以放一起,然后加一个mask或者关于width的动画应该也行。。?
|
8
MaiCong 2015-03-22 01:42:21 +08:00
|
9
czheo 2015-03-22 12:06:51 +08:00 1
|
11
wsph123 2015-03-22 22:40:37 +08:00 2
|