最新消息:宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取

f12下神奇的js效果

前端开发 admin 52浏览 0评论

今天在逛gai (Github)的时候,看到一个网页项目的源码中有一段看着就让人跃跃欲动的代码,于是抓紧时间copy。。。

废话也不多说了,上代码:

<script>
			console.log("%c%c网红it%c分享it资讯", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#FADFA3;font-size:14px;", "padding:4px;background:#FADFA3;color:#000;line-height:28px;font-size:14px;");
			console.log("%c%c网站地址%chttp://www.tobewh.com", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#FADFA3;font-size:14px;", "padding:6px 6px 6px 2px;background:#FADFA3;color:#0093fff;line-height:28px;font-size:12px;");
			console.log("%c%c图床地址%cimg.tobewh.com", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#FADFA3;font-size:14px;", "padding:4px;background:#FADFA3;color:red;line-height:28px;font-size:14px;");
			console.log("%c%c就知道阻挡不住你观看源码的冲动,但你至少要记住我!-----网红it", "line-height:28px;", "line-height:28px;padding:4px 0px;color:#fff;font-size:16px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
</script>

效果图:

转载请注明:网红IT » f12下神奇的js效果

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址