是否可以通过 CSS 为文本设置水平渐变? (左字母一种颜色,右 - 另一种颜色)
Is it possible to set horizontal gradient to text via CSS? (left letter one colour, right - another colour)
是否可以通过CSS为文本设置水平渐变? (左边字母一种颜色,右边 - 另一种颜色)。
是的,是的。
h1 {
font-size: 72px;
background: -webkit-linear-gradient(left, red , yellow);
background: -o-linear-gradient(right, red, yellow);
background: -moz-linear-gradient(right, red, yellow);
background: linear-gradient(to right, red , yellow);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
<h1>Hello World</h1>
是否可以通过CSS为文本设置水平渐变? (左边字母一种颜色,右边 - 另一种颜色)。
是的,是的。
h1 {
font-size: 72px;
background: -webkit-linear-gradient(left, red , yellow);
background: -o-linear-gradient(right, red, yellow);
background: -moz-linear-gradient(right, red, yellow);
background: linear-gradient(to right, red , yellow);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
<h1>Hello World</h1>