← 返回首页

✏️ CSS文字描边生成器

可视化制作文字描边效果,一键生成CSS代码

⚙️ 参数设置

💡 提示:文字描边使用 -webkit-text-stroke 属性实现。结合 text-shadow 可实现更丰富的效果。
描边效果

生成的 CSS 代码

/* CSS Text Stroke 样式 */
.stroke-text {
  -webkit-text-stroke: 3px #FF3366;
  -webkit-text-fill-color: #FFFFFF;
  color: #FFFFFF;
  font-weight: 900;
}