CSS 实现立体字效果

我们在工作中,很多场景会遇到立体文字,今天我们就来实现下,很简单,算是水文章吧:

立体字体

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; }

CSS 实现立体字效果_第1张图片

你可能感兴趣的:(Html,/,CSS,css,前端)