![css彩虹渐变文字[WebKit]](http://4dn.net/content/uploadfile/202002/thum-72111582773113.png "css彩虹渐变文字[WebKit]")
css代码：<style type="text/css">
.rainbow{
background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f22),color-stop(0.15,#f2f),color-stop(0.3,#22f),color-stop(0.45,#2ff),color-stop(0.6,#2f2),color-stop(0.75,#2f2),color-stop(0.9,#ff2),color-stop(1,#f22));
background-image: gradient(linear,left top,right top,color-stop(0,#f22),color-stop(0.15,#f2f),color-stop(0.3,#22f),color-stop(0.45,#2ff),color-stop(0.6,#2f2),color-stop(0.75,#2f2),color-stop(0.9,#ff2),color-stop(1,#f22));
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
</style>html调用：<span class="rainbow"><br />
彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>php方法：<?php
if(strpos($_SERVER['HTTP_USER_AGENT'],"AppleWebKit")) echo '<span class="rainbow">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>';
else echo '<span style="color:#ff6600">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>';
?>Javascript方法：<script>
var agent = navigator.userAgent.toLowerCase();
if(agent.indexOf('applewebkit')>0) document.write('<span class="rainbow">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>');
else document.write('<span style="color:#ff6600">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>');
</script>
评论
20条评论joannefal Lv.1
Chrome 86.0.4240.198 
Windows 回复
㞏福安后方晚饭发拉横幅啊
澳大利亚
高山流水 Lv.1
Chrome 86.0.4240.198 
Windows 回复
新人报道
学习一下
山东省济南市 移动
智云 Lv.1
Chrome 86.0.4240.198 
Windows 回复
感谢楼主
，好人一生平安
广东省韶关市 移动
上海伟泰管道 Lv.1
Chrome 108.0.0.0 
Windows 回复
好看视频通用代码
中国 移动
梵行. Lv.1
Chrome 107.0.0.0 
Windows 回复
对方过后就发的规划十多个符合对方过后是对方过后是对方过后申达股份好
辽宁省沈阳市 联通
houlijun Lv.1
Chrome 86.0.4240.198 
Windows 回复
新人学习，感谢分享
上海市嘉定区 电信
lucky* Lv.1
Maxthon 5.3.8.2000 
Windows 回复
新人报道
学习一下
广东省广州市 电信
dajiahao Lv.1
Firefox 91.0 
Windows 回复
不错哦
河北省沧州市 联通
夜风 Lv.1
Firefox 101.0 
Windows 7 x64 Edition 回复
看看
上海市 电信
夏未央 Lv.1
Chrome 86.0.4240.198 
Windows 回复
快快快
广东省东莞市 电信