旋风资源网
爱资源,爱分享

给网站背景增加一段白色的透明文字

最近小旋风发现有的网站背景中间有个透明的网站名称,个人非常喜欢这个功能。

今天在网络上找到代码了,现在保存下来分享给需要的朋友。

方法很简单,直接复制下面的代码添加到css文件中即可,具体效果可参考本站。

/*---背景文字,大家直接修改旋风资源网为你的就好了--*/
html::before {
content: '旋风资源网';
letter-spacing: .5em;
text-shadow: 0 0 5px #000;
white-space: pre;
color: #fff;
position: fixed;
top: 48%;
left: 42%;
z-index: 1;
transform: translate(-50%, -50%);
text-align: center;
color: #999;
pointer-events: none;
font: 5vmin/1.3 Serif;
opacity: 0.1;
}
html:first-line {
font-size: 300%;
font-style: italic;
letter-spacing: 0;
color: #fff;
}

效果图如下文章截图

赞(1) 打赏
未经允许不得转载:旋风资源网 » 给网站背景增加一段白色的透明文字
分享到: 更多 (0)

评论 抢沙发

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏