4.CSS图像绘制之：字渐变按钮

原创于 2017-02-12 14:26:26 发布 · 239 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #CSS3 #html

个人作品汇总同时被 2 个专栏收录

14 篇文章

订阅专栏

（CSS中级篇）网页纯CSS绘制效果绘汇总

7 篇文章

订阅专栏

本文介绍了一种利用HTML和CSS制作大尺寸按钮的方法。通过简单的代码示例展示了如何设置字体大小、应用渐变背景效果以及实现透明颜色显示等技巧。

一、HTML

<a href="">BUTTON</a>

二、CSS

a{
font-size:5em;
    /*渐变背景*/
background: linear-gradient(to right, #79f296, #27AE60);
    /*背景裁剪区域为文字区域*/
-webkit-background-clip: text;
color:transparent;
}