新闻中心 网络推广 网站建设 优化推广

用CSS做描边文字特效

QQ截图20230530174837.jpg

不知道有没有人喜欢这效果,实际上直接用CSS就可以实现的。

<div class="txt-border">
		 我爱你,中国
	</div>
	
以下是CSS

html{
		background: #000;
	}
		 .txt-border{
		 	font-weight: bold;
		 	font-size: 80px;
		 	background: transparent;		 	
    		-webkit-text-stroke: 1px #fff;
		 }	


又或者反过来颜色:

QQ截图20230530175504.jpg

html{
		background: #FFF;
	}
		 .txt-border{
		 	font-weight: bold;
		 	color: #fff; /******加多文字颜色*****/
		 	font-size: 80px;
		 	background: transparent;		 	
    		-webkit-text-stroke: 1px #000;
		 }


留言

电话微信    15899750475

工作时间:8:30-12:00;13:30-17:00

微信和手机同号,欢迎加微信沟通!

电话

关注公众号

 
微信
Top