css 字体从上往下渐变 |input按钮样式css

phpdesigner css 提示，css控制按钮隐藏，css课程介绍专栏，div css3教程，css长方形拉椭圆，css给图片加光照效果，input按钮样式css css 字体从上往下渐变 |input按钮样式css

/*首先定义字体颜色为透明*/
color: transparent;
/*定义背景渐变*/
background-image: linear-gradient(to bottom, #4ED4FF, #00BFFF);
/*添加-webkit-background-clip，保证渐变生效*/
-webkit-background-clip: text;
background-clip: text;

代码解析：

首先将字体颜色设置为透明，然后通过background-image定义线性渐变，to bottom表示渐变方向为从上到下，#4ED4FF和#00BFFF为起点和终点颜色。

接下来添加-webkit-background-clip和background-clip属性，-webkit-background-clip属性保证渐变在文字上生效，background-clip属性作用与其类似，可在其他浏览器中使用。

以上便是实现CSS字体从上往下渐变效果的代码。