84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
实现如下图的效果：
Bagaimana untuk mencapai kecerunan warna fon? -Tapak web PHP Cina Soal Jawab-Bagaimana untuk mencapai kecerunan warna fon? -Soal Jawab laman web PHP Cina
Sila tonton dan pelajari.
方法一：
直接用photoshop cc画出来，图层单击右键可复制SVG或者CSS样式。
方法二：
思路：先设置背景色渐变——规定背景的划分区域——保险一点再设置（text-fill- color会覆盖color所定义的字体颜色）
/* 这个文字效果只在webkit内核的浏览器上才能正常工作。Firefox 浏览器不支持在文字上使用background-clip属性 */h1.start-gradient { font-weight: bold; font-family: helvetica; text-align:center; background: -webkit-linear-gradient(left, #4f185d , #fe5d4b); /* 背景色渐变 */ -webkit-background-clip: text; /* 规定背景的划分区域 */ -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */} <h1 class="start-gradient">快速开始</h1>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Bagaimana untuk mencapai kecerunan warna fon? -Tapak web PHP Cina Soal Jawab-Bagaimana untuk mencapai kecerunan warna fon? -Soal Jawab laman web PHP Cina
Sila tonton dan pelajari.
方法一：
直接用photoshop cc画出来，图层单击右键可复制SVG或者CSS样式。
方法二：
思路：先设置背景色渐变——规定背景的划分区域——保险一点再设置（text-fill- color会覆盖color所定义的字体颜色）
/* 这个文字效果只在webkit内核的浏览器上才能正常工作。Firefox 浏览器不支持在文字上使用background-clip属性 */h1.start-gradient { font-weight: bold; font-family: helvetica; text-align:center; background: -webkit-linear-gradient(left, #4f185d , #fe5d4b); /* 背景色渐变 */ -webkit-background-clip: text; /* 规定背景的划分区域 */ -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */} <h1 class="start-gradient">快速开始</h1>