我们在工作中,很多场景会遇到立体文字,今天我们就来实现下,很简单,算是水文章吧:
<h1>立体字体</h1>
h1 {
margin: 100px 0 0 100px;
font-size: 5em;
color: #fff;
text-shadow: -1px 1px #bbb,
-2px 2px #bbb,
-3px 3px #bbb,
-4px 4px #bbb,
-5px 5px #bbb,
-10px 10px #666;
}
我们在工作中,很多场景会遇到立体文字,今天我们就来实现下,很简单,算是水文章吧:
<h1>立体字体</h1>
h1 {
margin: 100px 0 0 100px;
font-size: 5em;
color: #fff;
text-shadow: -1px 1px #bbb,
-2px 2px #bbb,
-3px 3px #bbb,
-4px 4px #bbb,
-5px 5px #bbb,
-10px 10px #666;
}
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1421430.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!