如何制作按钮hover状态

如何制作按钮hover状态

1.选中文字加背景图层

如何制作按钮hover状态

2.Ctrl+J复制图层,向下轻移。

如何制作按钮hover状态

3.点击所复制图层的背景图层,右键选中——混合选项 弹出图层样式框:

如何制作按钮hover状态

如何制作按钮hover状态

4.选择渐变叠加,将渐变——反向勾选上,确定:

如何制作按钮hover状态

5.完成,效果如图。

如何制作按钮hover状态

上一篇:Js-字符转换数字


下一篇:JSP标准标签库(JSTL)--JSTL简介与安装