用CSS实现给图片上色的效果 1

步骤是这样的:

1.先把你想要做的图片放到PS里面进行去色处理-“图像–调整–去色”或者“ctrl+shift+u”

2.将此图和原图片整合成上下两张的图片,如下图:

3.下一步写下代码

xhtml代码:

CSS代码:

a {
float:left;
}
#box span {
border:3px solid #ccc;
display:block;
width:170px;
height:120px;
background:url(flower.jpg) center top no-repeat;
}
#box a:hover span {
background:url(flower.jpg) center -120px no-repeat;
}

进入论坛参与讨论: http://www.haoyidiansheji.com/viewthread.php?tid=424366

声明:本站所有文章均摘自网络。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。