![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>
评论
172条评论a'ゞ不言 Lv.1
Internet Explorer 
iPhone iOS 16.1 回复
六
重庆市 电信
腾讯视频 Lv.3
Chrome 86.0.4240.198 
Windows 回复
不错不错，味道好极了
广东省深圳市 鹏博士长城宽带
新云 Lv.1
Internet Explorer 
iPhone iOS 16.3.1 回复
不错不错，味道好极了
上海市 电信
接口连接阿道夫 Lv.1
Chrome 111.0.0.0 
Windows 回复
北京市 电信
787447 Lv.1
Chrome 86.0.4240.198 
Windows 回复
支持一下，黑蜘蛛博客有你更精彩
云南省红河州 联通
q9837762 Lv.1
Sogou Explorer 
Windows 7 x64 Edition 回复
够厉害的啊
江苏省南京市 电信
q9837762 Lv.1
Internet Explorer 
iPhone iOS 14.8.1 回复
厉不厉害兄弟们
江苏省南京市 电信
上善若水linwei Lv.1
Chrome 109.0.0.0 
Windows 回复
感谢楼主分享
广东省广州市越秀区 电信
腾讯视频 Lv.3
Chrome 112.0.0.0 
Windows 回复
拿来学习
广东省广州市 联通
jdj Lv.1
Android Webkit 
Android 10 回复
可以吗
上海市 电信