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条评论255 Lv.1
Android Webkit
Android 9 回复
新人报道
学习一下
中国 移动
99995 Lv.1
Chrome 94.0.4606.71
Windows 回复
看看源码
河北省 移动
信明宇信明宇 Lv.1
Chrome 80
Android 10 回复
嘻嘻嘻
江苏省 移动
123456789 Lv.1
Android Webkit 4.0
Android 12 回复
看看
广西南宁市 电信
VIP客服 Lv.1
Android Webkit 4.0
Android 10 回复
666哈哈哈哈
广东省东莞市 电信
富商大贾好地方 Lv.1
Sogou Explorer
Windows 7 x64 Edition 回复
撒而非糖果色爱国设若干
广东省广州市 移动GSM/TD-SCDMA/LTE全省共用出口
腾讯视频 Lv.3
Chrome 103.0.0.0
Windows 回复
试试看看
贵州省贵阳市小河区 电信
卡斯特罗 Lv.1
Chrome 103.0.0.0
Windows 回复
66666666666666666666666可以
山东省济南市 移动
情怀 Lv.1
Chrome 103.0.5060.114
Windows 回复
1111111111111错不错,味道
广东省深圳市 联通
挂机脚本网fylmq.com Lv.1
Chrome 103.0.0.0
Windows 回复
不错不错,味道好极了
天津市 联通