css3 制作镂空的文字效果

简介: css3 制作镂空的文字效果
  .lou-kong {
            width: 500px;
            height: 200px;
            margin: 100px auto;
            font-size: 100px;
            background-color: #000;
            line-height: 200px;
            padding: 100px 50px;
            -webkit-text-stroke: 1px red;
            font-family: SimSun;
            color: transparent;
            text-shadow: 10px 0px 10px #f0f,
                10px 0px 20px #f0f,
                10px 0px 30px #f0f;
        }
   <div class="lou-kong">您好</div>


20200503205339113.png

相关文章
|
6月前
|
前端开发
CSS新增样式----圆角边框、盒子阴影、文字阴影
CSS新增样式----圆角边框、盒子阴影、文字阴影
|
7月前
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
79 0
|
7月前
CSS3 transform 文字切斜展开动画
CSS3 transform 文字切斜展开动画
55 0
|
7月前
CSS3 text-shadow - 凹凸文字效果
CSS3 text-shadow - 凹凸文字效果
35 0
|
1月前
|
Web App开发 弹性计算 前端开发
纯 CSS 实现多行文字截断
纯 CSS 实现多行文字截断
21 1
|
2月前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
|
3月前
|
前端开发
html+css+js实现自动敲文字效果
html+css+js实现自动敲文字效果
25 0
css3文字阴影和盒子阴影
css3文字阴影和盒子阴影
|
4月前
|
前端开发
css文字环绕png图片
css文字环绕png图片
40 1