Loading...
Loading...
在实时文字上设计多层 CSS text-shadow 效果。
CSS text-shadow 远不止一层柔和投影:叠几层就能做出发光、霓虹、3D 和描边效果。这个工具让你在实时文字上搭这些层,并复制精确的 CSS。
输入自己的文字,设置字号、字重和颜色,然后想加几层阴影就加几层。每层有独立的水平、垂直偏移、模糊和颜色,拖动时预览即时更新。预设给了霓虹发光、柔和抬升、复古 3D 叠层和四向描边作为起点。因为 text-shadow 是原生渲染,所见即所得,生成的 CSS 一键即取。一切都在浏览器本地运行。
叠加多层 text-shadow,做出发光、霓虹和 3D 立体感。
用自己的文字,在任意字号、字重和颜色下预览。
每一层的偏移、模糊和颜色都相互独立。
从霓虹、柔和抬升、复古 3D 或描边样式起步。
完整的 text-shadow 声明一键复制。
不上传;效果是设备上渲染的真实 CSS。
想要干净的发光,叠两层零偏移:同色相下,一层窄模糊压在一层宽模糊上。
输入文字,设置字号、字重和颜色。
选一个预设,或从默认层开始。
调整每一层的偏移、模糊和颜色。
把生成的 text-shadow CSS 复制进你的样式表。
给落地页标题加一抹柔和发光或抬升感。
为游戏或复古主题做发光霓虹文字。
用描边或柔影,让文字在照片上仍清晰。
看清楚层、模糊和偏移如何组合成效果。
每层序列化成「偏移-模糊-颜色」三元组,合并为一条 text-shadow 值,同时应用到实时预览元素和可复制的 CSS。
无账号、无网络请求;效果在本地计算和渲染。
text-shadow 原生且对 GPU 友好,即使多层,拖动时也能流畅更新。