jQuery打造动态渐变按钮（2）
作者：mankaiviky 来源：蓝色理想 发布时间：2010-05-10 20:21:00
标签：jquery,动态,按钮,渐变
Step1 - Photoshop
1. 新建文件
按钮的尺寸是100px X 80px，但由于我们需要创建一个有两种状态的CSS sprite背景图，所以我们在Photoshop中创建（Ctrl+N）一个长宽为200px X 160px的图片文件，如下图：
2. 创建参考线
为了使绘制按钮更容易，我们创建参考线，从标尺中拉出参考线，如果你找不到标尺，可以按Ctrl+R显示，如下图：
3. 绘制形状
选择工具面板中的矩形工具，设置圆角半径为10px，在画布上绘制形状，如下图：
4. 设置形状样式
接上图最后一步，双击层，打开图层样式窗口，设置形状的样式，首先选择渐变叠加，设置渐变颜色从#3d3d3d到#8b8b8b，如下图：
然后，选择“内发光”，设置混合模式为“正常”，不透明度为100％，颜色设置为#ffffff，图素大小设置为3像素，如下图：
之后，再选择“描边”，设置大小为1像素，位置为“内部”，颜色为黑色#000000，如下图：
0
投稿猜你喜欢
可及，通俗的说是“可以达到”，加上主语和宾语，在“交互设计”这个大的语境下，含义应该是“用户可以达到自己的操作目标”，这不是和“有效性—用户- 1:为什么每个layout下都有个inlayout?我们将layout的宽/浮动等属性设置好之后,对于layout内的padding和mar
- 1、MySQL常用命令create database name; 创建数据库use databasename; 选择数据库drop data
- 啥都不说了，直接奉献原代码 代码如下:'==========注意==================================
- 在IE下，获取Param的时候有个诡异现象（不知道算不算bug）。为了清晰起见，下面用最简单的HTML和JavaScript来说明。有这么一
- 在网上查了部分资料但是发现粘上去的代码都存在问题，无奈只好自己修改了一下，代码如下： 如下代码能正常运行，都是网上查找资料最后拼凑总结出来的
- 你还没用 jQuery 写过导航菜单？ 相信看到这些出色的jQuery导航菜单后，一定会为此而后悔没早点把 jQuery 应用到自己的Web
- 成为一个顶级设计师的第一准则：限制你的字体让你成为设计大的七个基本原则之一好~设计大师，或者也太吹牛了吧，但根据下面七个基本原则至少你可以成
- “Be conservative in what you send; be liberal in what you accept. &nbs
- 多版本并发控制Multiversion Concurrency Control大部分的MySQL的存储 引擎，比如InnoDB，Falcon
- 一、定位 oracle分两大块，一块是开发，一块是管理。开发主要是写写存储过程、触发器什么的，还有就是用Oracle的Develop工具做f
- 米随随在国外某站看到的国际上十四个优秀网页设计审核站，他发现还有中国的哦~HOHO~1.荷兰 strangefruits &nb
- 这里我们在SQL Server 2005\SQL Server 2008版本上通过举例子，说明临时表和表变量两者的一些特征，让我们对临时表和
- 一：创建迁移在laravel中使用make:migration命令来创建迁移php artisan make:migration creat
- 一、利用ASP和ADO实现数据库操作的工作流程ASP内嵌了五个对象Resquest、Response、Server、Seesion、Appl
- <!--#include file="config.asp" -->&nbs
- 多表操作 在一个数据库中，可能存在多个表，这些表都是相互关联的。我
- 代码如下:CREATE TABLE #tmptb(tbname sysname,tbrows int ,tbREserved varchar
- 如果您目前拥有一个冷备份，但是缺少了其中的一个数据文件，但你目前存在所有的归档，如果您要恢复数据文件，可以参考以下的示例：[oracle@j
- 在小飞的博客上看到他写了一篇关于reset.css的文章，文章中关于css的部分分析的非常不错，但对于文中关于强调把CSS分别配置，对每一个
