CSS阴影生成器
使用滑块和取色器调整偏移、模糊、扩展、颜色和不透明度来设计CSS box-shadow阴影,在预览方块上实时查看效果,然后将生成的box-shadow声明直接复制到你的样式表中。
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.35);工作原理
X偏移和Y偏移用于水平和垂直移动阴影,模糊半径用于柔化阴影边缘,扩展半径则在应用模糊之前放大或缩小阴影。为阴影选择颜色和不透明度,并可切换"内阴影(inset)"选项,让阴影绘制在方块边缘内侧而不是外侧。
小提示
低调的阴影通常效果最好:较小的偏移量、约为偏移量两到三倍的模糊半径,以及远低于50%的不透明度,会呈现出柔和自然的浮起效果,而不是厚重的轮廓线。
可以叠加多个阴影吗?
可以 — CSS的box-shadow属性接受以逗号分隔的阴影列表,按从上到下的顺序叠加。此工具一次只生成一个阴影;将多个生成的声明用逗号组合起来,即可制作出层次分明、更逼真的阴影效果。
此类别中的更多工具
正则表达式测试工具
在示例文本上测试正则表达式,实时高亮显示匹配结果。
Cron 表达式解析器
将 5 段式 cron 表达式解析为通俗易懂的调度说明,并查看接下来的运行时间。
文本编码转换工具
将文本同时转换为 UTF-8 十六进制、二进制、码点、Base64、URL 编码和 HTML 实体。
密码生成器
在浏览器中即时生成强大的随机密码。
JSON 格式化与校验工具
在浏览器中即时格式化、校验和压缩 JSON。
UUID 生成器
在浏览器中即时生成符合 RFC 4122 第 4 版规范的随机 UUID。
JWT 解码器
在浏览器中即时解码并查看 JSON Web Token(JWT)的内容。
差异对比工具
比较两段文本,即时查看每一处新增或删除的行。
Slug 生成器
实时将任意文本转换为整洁的、适合URL的slug。
进制转换器
在二进制、八进制、十进制和十六进制之间即时转换数字。
Unix 时间戳转换器
实时将 Unix 时间戳转换为日期,或将日期转换为 Unix 时间戳。
哈希生成器
在浏览器中直接为任意文本生成 SHA-1、SHA-256 和 SHA-512 哈希摘要。
Cron 表达式生成器
通过简单的表单构建有效的 5 段式 cron 表达式,无需记忆语法。
Lorem Ipsum 生成器
按段落、句子或单词生成 Lorem Ipsum 占位文本,适用于原型和布局设计。
Markdown 预览器
在左侧编写 Markdown,右侧实时查看渲染后的 HTML。
IP 子网计算器
输入 CIDR 表示法的 IPv4 地址,获取其网络地址、子网掩码、广播地址和主机范围。
HTTP状态码查询
查询任意HTTP状态码,以通俗易懂的语言了解其标准含义。
SQL格式化工具
将压缩或杂乱的SQL转换为易读、带缩进的语句。
图片转Base64工具
将图片转换为可直接粘贴到HTML、CSS或JSON中的Base64数据URI — 全程在浏览器本地完成。
Semver比较工具
比较两个语义化版本字符串,根据官方semver规则查看哪个版本优先级更高。