![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>
评论
9条评论大周 Lv.1
Chrome 103.0.0.0 
Windows 7 回复
先看看
四川省成都市 移动
阿森 Lv.1
Chrome 98.0.4758.139 
Windows 回复
四川省成都市 电信
Boom＿软糖酱 Lv.1
Chrome 102.0.0.0 
Windows 回复
谢谢大佬
湖南省 电信
谢谢分享 Lv.1
Chrome 100.0.4896.60 
Windows 回复
谢谢分享
美国
123 Lv.1
Chrome 86.0.4240.198 
Windows 回复
谢谢分享
江苏省 移动
222 Lv.1
Chrome 86.0.4240.198 
Windows 回复
谢谢分享
湖南省长沙市 电信
o K , Lv.1
Chrome 92.0.4515.159 
Windows 回复
所渴望的可我却
湖北省武汉市 联通
baigg Lv.1
Firefox 89.0 
Windows 7 x64 Edition 回复
谢谢分享
湖南省 联通
大国 Lv.1
Chrome 69.0.3497.100 
Windows 回复
谢谢分享
中国 移动