首页 前端知识 CSS 实现立体字效果

CSS 实现立体字效果

2024-04-29 12:04:39 前端知识 前端哥 202 959 我要收藏

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

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

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6592.html
标签
评论
发布的文章

什么是JSON 为什么使用它

2024-05-07 13:05:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!