Text CSS多行渐变文本-webkit背景剪辑
我正在使用CSS在我的文本上生成渐变。。。问题是我的文本是多行的，所以渐变不会在每行重置。。。整个段落变成一个巨大的渐变！我能为分隔符中的每行文本获得单独的渐变效果吗？这是我的密码：Text CSS多行渐变文本-webkit背景剪辑,text,webkit,multiline,css,Text,Webkit,Multiline,Css,我正在使用CSS在我的文本上生成渐变。。。问题是我的文本是多行的，所以渐变不会在每行重置。。。整个段落变成一个巨大的渐变！我能为分隔符中的每行文本获得单独的渐变效果吗？这是我的密码： <html> <head> <style type='text/css'>p.p1 { margin: 0.0px 0.0px 0.0px 50.0px; font: 50.0px Helvitica; font-family: 'HelveticaN
<html>
<head>
<style type='text/css'>p.p1 {
margin: 0.0px 0.0px 0.0px 50.0px;
font: 50.0px Helvitica;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica, Arial', 'Lucida Grande', 'sans-serif';
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body bgcolor='#FFFFFF'>
<div style='word-wrap: break-word;'>
<p class='p1'>
<font face='helvetica' color='#000000'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id vestibulum lectus. Maecenas facilisis orci vitae urna pulvinar cursus. Etiam id laoreet metus. Cras vitae elit ipsum. Donec a sagittis nisi. Sed nec nisi nibh, fringilla fermentum quam. Vestibulum lorem felis, gravida et faucibus ac, ultrices nec lectus.
</font>
</p>
</div>
</body>
</html>
p、 p1{
利润率：0.0px 0.0px 0.0px 50.0px；
字体：50.0px Helvitica；
字体系列：“HelveticaNeue Light”、“Helvetica Neue Light”、“Helvetica Neue”、“Helvetica，Arial”、“Lucida Grande”、“无衬线字体”；
背景：-webkit渐变（线性、左上、左下、从（#eee）到（#333））；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。病态性前庭。丘脑静脉曲张。埃蒂亚姆·拉奥里特·梅特斯。同侧精髓。不要吃牛矢状肌。这是一种新的发酵剂。猫前庭、孕妇前庭、胎儿前庭。
p.p1 {
margin: 0 0 0 50px;
font-size: 50px;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica, Arial', 'Lucida Grande', 'sans-serif';
background: -webkit-repeating-linear-gradient(top, red 0px, blue 60px);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}