首先需要找到按钮的素材。任何你喜欢的都可以。我用的是最普通的水晶按钮。
2.
为了使背景变透明。首先需要双击背景图层,将它改一个名字。只要不是“背景”别的都可以。
3.
选择“魔法棒工具”。在背景处点一下,自动选定所要删除的区域。这里为了将我的按钮抠完整我将容差值改成了20.选好区域后按Ctrl+X删除。
4.
单独保存其中一个按钮。需要用到“裁切工具”。选好后双击,就裁剪下你需要的部分了。
5.
如果需要给按钮上添加文字,也十分简单。这里只需用到“文字工具”。
6.
保存时记得一定要存成PNG格式。这种格式下按钮的背景才会是透明的。
HTML结构该鼠标点击按钮特效中每一个可点击的元素都是一个按钮CSS样式以下是该css3点击按钮特效的通用CSS样式：插件中通过在点击按钮时使用javascript来为它添加相应的动画CLASS来执行动画效果：上面的CSS代码可以生成如下图的动画效果：在“Stana”效果中，使用了html5SVGclipPath，在它上面添加了一个transition。这个效果只能在Chrome浏览器中才能看到效果。在“Stoja”效果中使用了CSSclip-path属性，这个效果也需要浏览器的支持才能看得到的。用ps做水晶按钮的方法是：1、新建图层。
2、制作地个方形或者圆形的图形，具体形状根据需要制作。
3、右键图层--混合选项--样式--找到水晶按钮和样式。
