请求一段实现页面文字渐变色的HTML代码,小弟用过通过改变背景渐变色实现文字渐变色的CSS代码,一直未成功

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了请求一段实现页面文字渐变色的HTML代码,小弟用过通过改变背景渐变色实现文字渐变色的CSS代码,一直未成功相关的知识,希望对你有一定的参考价值。

请哥哥姐姐们帮帮忙,要求字体颜色渐变,比如把“我”字做成渐变色即可,不要一个字一个color那种

参考技术A 这个是CSS3实现,必须浏览器支持

<html>

<body>
<style type="text/css">
.text-gradient
display: inline-block;
color: green;
font-size: 8em;
font-family: 微软雅黑;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 128, 0, 1)), to(rgba(51, 51, 51, 1)));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
;
</style>

<h2 class="text-gradient">我</h2>

</body>
</html>本回答被提问者采纳
参考技术B 你还是老实用图片吧追问

额~这个是上课用的,代码讲解

18.一段有渐变色的文字

京东商城特效
 
 
 
 
<strong 
  style="background-image:
    -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210));
   background-clip: text; 
    -webkit-text-fill-color: transparent;">
  白条商城
</strong>

以上是关于请求一段实现页面文字渐变色的HTML代码,小弟用过通过改变背景渐变色实现文字渐变色的CSS代码,一直未成功的主要内容,如果未能解决你的问题,请参考以下文章

如何使用java设置LinearLayout背景为渐变色

给textView设置文字渐变色

给textView设置文字渐变色

CSS3渐变色详解

如何用css写渐变色。

用CAGradientLayer实现渐变色动画