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条评论小白 Lv.1 回复
真牛逼 感谢分享
美国
Eason Lv.1
Chrome 86.0.4240.198
Windows 回复
感谢楼主
,好人一生平安
中国 移动
mm123123 Lv.1 回复
哈哈哈的还是
湖南省湘潭市 电信
青苍.dw Lv.1 回复
你喊的我
四川省泸州市 移动
13064290136 Lv.1
Chrome 98.0.4758.102
Windows 回复
可以,解决了我的通点
云南省 联通
六一 Lv.1
Chrome 97.0.4692.99
Windows 回复
111w2的我的胃额外的哇
湖北省 电信
嘻游人间 Lv.1 回复
6666姐姐
上海市 鹏博士长城宽带
66 Lv.1 回复
牛逼
四川省成都市 联通
-铭白 Lv.1 回复
556555555牛逼
山东省济宁市 移动
褚赢 Lv.1 回复
,,。,。。?来咯哦哦
河北省唐山市 电信