EdrawMax for Mac各种文字样式按钮设计

各种文字样式的按钮,是前端页面里挺常见也挺实用的小设计。EdrawMax for Mac这套资源,按钮样式不光丰富,还挺有细节感,比如按钮里的文字可以设置成多种字体、颜色和大小,样式灵活。响应也快,尤其适合表单场景,放在登录页、弹窗确认区都顺手。

表单按钮的用法也值得一提,像<button>Go</button>这种,简洁、好看又好用。你要是想再加点动效或者图标,EdrawMax的示例里也有现成代码,复制粘贴就能用,效率还挺高。

另外,按钮里的文字不再只是单调的一行字,你可以用CSS来加粗、加阴影、设置渐变色,视觉上更吸引眼球。像这种代码:

button {
  font-weight: bold;
  text-shadow: 1px 1px 2px #aaa;
  background: linear-gradient(to right, #4e54c8, #8f94fb);
}

看起来是不是挺炫?而且用在移动端也合适,响应快,兼容性还不错。如果你平时做一些后台管理界面或者营销页,这套样式可以帮你省不少事。

想看更多样式或场景用法,可以翻翻这些:

如果你想快速搞出一组风格统一、细节到位的按钮,EdrawMax for Mac这份资源还蛮值得一试的。

pdf 文件大小:9.81MB