css 文字阴影

2024-04-22 08:23:23 浏览：816 作者：保利尼奥

<div class="nybt"> <h3>客户案例<span>让中国企业都能通过互联网获取利润、成功转型</span></h3> </div> .nybt{position: absolute;top:...

<div class="nybt">
	<h3>客户案例<span>让中国企业都能通过互联网获取利润、成功转型</span></h3>
</div>

<style>
.nybt {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	text-align: center;
	width: 100%;
}

.nybt h3 {
	color: #fff;
	font-size: 2.1875vw;
	letter-spacing: 5px;
	text-shadow: 6px 1px 10px #000;
	font-weight: bold;
}

.nybt h3 span {
	font-size: 1.25vw;
	color: #f25302;
	text-transform: uppercase;
	margin-top: 15px;
	display: block;
	letter-spacing: 0px;
	font-weight: lighter;
}
</style>

上一篇：CSS更改浏览器默认滚动条样式代码

下一篇：css中引入指定字体@font-face兼容各浏览器

评论区

共 0 条评论

这篇文章还没有收到评论，赶紧来抢沙发吧~

css 文字阴影_编程笔记

css 文字阴影

评论区

【随机内容】