在线文本阴影 CSS 生成器


Text Showdow

懒人的 CSS 文本阴影生成器。

从图库中选择预定义样式或根据您的喜好生成文本阴影。设置所需的属性以获取 CSS 代码。

向右/向下移动阴影,设置模糊和不透明度,然后从调色板中选择一种颜色来获取您的 CSS。使用在线编辑器手动调整您的风格。在实时预览中跟踪阴影的演变,您可以在其中设置自定义文本和背景颜色。

 

CSS3 文本阴影解释 

CSS3 text-shadow 属性是逐渐增强网站设计的最流行的技术之一。虽然它最初是在 CSS 2.1 规范中,但由于缺乏支持而被撤回。然而,它现在又回到了 CSS 3 中,并且在现代浏览器中得到了广泛的支持。

它有四个值:第一个值定义阴影在 x(水平)方向上的距离,第二个值设置在 y(垂直)方向上的距离,第三个值定义阴影的模糊度,最后一个值设置颜色。

虽然与边框半径等其他 CSS3 规则相比,这相对容易记住,但拥有这样的生成器很有用,这样您就可以实时生成文本阴影并使用类似 Photoshop 的控件对其进行微调。