CSS文字描边的相关内容

文章 2023-07-11 来自：开发者社区

CSS-实现文字描边效果

一、介绍文字描边分为两种：内外双描边和单外描边，也就是指在给文字加上描边效果后，描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。二、具体代码文字内外双描边效果这种描边效果相当于内外同时占用相同的描边宽度，只需要借助一个css属性：text-stroke: width color 即可，该属性的第一个值表示描边的宽度，第二个值表示描边的颜色。代码：<p class="plan....

文章 2022-04-26 来自：开发者社区

CSS和SVG实现文字渐变、描边、投影

在一些 web 活动页中经常能看到特殊处理的标题文字，比如这样的暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有 3 个文字特效，分别是渐变、描边、投影作为一个有追求的前端，当然不会直接用图片啦~ 这里分别用 CSS 和 SVG 两种方式来实现，一起看看吧温馨提示：文章细节较多，不感兴趣的也可以直接跳到底部查看在线 demo 一、CSS 文字渐变首先来看 CSS 中的实...