网络编程
位置:首页>> 网络编程>> JavaScript>> jQuery打造动态渐变按钮(4)

jQuery打造动态渐变按钮(4)

作者:mankaiviky 来源:蓝色理想 发布时间:2010-05-10 20:21:00 

标签:jquery,动态,按钮,渐变

8.背景图属性

修改hover背景图的样式属性,打开背景图的图层样式窗口,选择“描边”,修改边框颜色为#004d77;选择“渐变叠加”,修改渐变从#1671a3到#5baedc,如下图:

9. 设置字体样式

打开字体图层样式,选择“投影”,修改投影颜色为#207aad;选择“内阴影”,修改字体颜色为#0d4f74,如下图:

10. 图层半透明

添加图层半透明效果,按以上步骤修改,鼠标悬停背景图如下,最后是再加上一层半透明层,先添加一个200px X 40px的白色层,置顶并设置白色层的透明度为10%,如下图:

最后,我们完成的CSS sprite背景图如下,您也可以点击下载PSD文件

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com