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条评论232啊 Lv.1 回复
江西省南昌市 电信
sun展乐 Lv.1 回复
吧吧吧吧吧啊
山东省青岛市 联通
小来 Lv.1
Safari 15.1
Mac OS X 10.15.6 回复
牛逼
香港 北京康盛新创科技有限责任公司
爱忘事的小家伙 Lv.1 回复
哈
江苏省 移动
爱忘事的小家伙 Lv.1 回复
看看
江苏省 移动
a' 索尼克 Lv.1 回复
感谢分享
山东省青岛市 移动
pony Lv.2
Chrome 91.0.4472.77
Windows 回复
妙妙妙妙妙妙妙妙妙妙妙妙妙妙妙妙妙妙妙
贵州省黔东南州 电信
浅魄云(6xi.top)j2zy.cn Lv.1
Chrome 88.0.4324.93
Windows 回复
广东省深圳市 联通
hhhd Lv.1 回复
可以用?
福建省厦门市 联通
452 Lv.1 回复
看看
河北省石家庄市 移动