CSS中具有渐变效果的反射文本
我需要反映与CSS的文本，并添加梯度到它。我想要什么。但我不想用alpha透明度淡出png图像，因为身体有背景CSS中具有渐变效果的反射文本,css,linear-gradients,Css,Linear Gradients,我需要反映与CSS的文本，并添加梯度到它。我想要什么。但我不想用alpha透明度淡出png图像，因为身体有背景 。标语{ 字体大小：30px； 线高：121px； 位置：相对位置； 浮动：对； 右边距：115px； 文本转换：大写； 颜色：#f00； } .口号：：之后{ 位置：绝对位置； z指数：1； 右：0； 底部：-26px； 左：0； 显示：块； 内容：“即将提交”； 变换：scaleY（-1）； 不透明度：.5； } 即将提交 注意：我无论如何都找不到跨浏览器工作的方法，我想说可
。标语{
字体大小：30px；
线高：121px；
位置：相对位置；
浮动：对；
右边距：115px；
文本转换：大写；
颜色：#f00；
}
.口号：：之后{
位置：绝对位置；
z指数：1；
右：0；
底部：-26px；
左：0；
显示：块；
内容：“即将提交”；
变换：scaleY（-1）；
不透明度：.5；
}即将提交-WebKit background clip正文{
背景图像：径向梯度（圆形，#3F9CBA 0%，#153346 100%）；
}
div{
位置：相对位置；
显示：内联块；
字体大小：24px；
}
部门：之后，
部门：以前{
位置：绝对位置；
宽度：100%；
身高：100%；
底部：0px；
左：0px；
变换：scaleY（-1）；
变换原点：底部；
}
部门：之后{
内容：attr（数据内容）；
背景：线性梯度（至底部，rgba（0,0,0,0）30%，rgba（0,0,0,0.5）80%）；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}
反射文本<html>
<body>
<svg height="150" width="400">
<defs>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
</linearGradient>
</defs>
<text fill="url('#grad2')" font-size="45" font-family="Verdana" x="150" y="86">SVG</text>
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
SVG
很抱歉，您的浏览器不支持内嵌SVG。