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 回复
哈哈哈哈
北京市 广电网
need login Lv.1 回复
感谢感谢
北京市 移动
野野不会逆向 Lv.1
Chrome 114.0.0.0
Windows 回复
感谢楼主表情,好人一生平安
中国 移动
征服 Lv.1
Chrome 94.0.4606.71
Windows 回复
支持一下,黑蜘蛛博客有你
更精彩广东省东莞市 电信
听雨挽清风 Lv.1
Chrome 113.0.0.0
Windows 回复
感谢楼主
,好人一生平安
中国 移动
111 Lv.1
Chrome 87.0.4280.141
Android 13 回复
我来了
北京市 移动
7 Lv.1
Internet Explorer
iPhone iOS 16.2 回复
我需要这个代码
北京市 移动
富士康fsd Lv.1
Chrome 86.0.4240.198
Windows 回复
广东省珠海市 电信
聪@聪& Lv.1
Chrome 111.0.0.0
Windows 回复
的撒的撒的撒的撒的撒旦
黑龙江省哈尔滨市 联通
ken Lv.1
Chrome 86.0.4240.198
Windows 回复
感谢楼主
,好人一生平安
广东省东莞市 电信