苍鹭工具
中文▾
登录
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
首页 › 设计资源 › 拟物化阴影生成器

拟物化阴影生成器

生成柔和的拟物化阴影 CSS。

CSS 阴影 生成

使用步骤

  1. 设置尺寸、圆角与颜色
  2. 调整阴影距离
  3. 复制 CSS

适用场景

柔和新拟态 UI 设计、仪表盘。

在你的浏览器本地处理，数据不上传。

评论 / 纠错 / 我的标注

请先登录 — 登录

请先登录 — 登录

请先登录 — 登录

同类工具
渐变色生成 生成线性/径向 CSS 渐变，实时预览并复制代码。 渐变 字体预览 输入文字并切换字体族，实时预览排版效果。 字体 图标搜索 搜索 Tabler 线性图标，一键复制 SVG 代码。 图标 配色方案生成 基于一个主色生成协调的配色方案（同色/邻近/互补）。 配色 样机生成 把网页地址或截图放进设备样机框中预览。 样机 对比度检查 检查文字与背景的 WCAG 对比度。 对比度 盒阴影 可视化生成 CSS 盒阴影代码。 阴影 文字阴影 可视化生成文字阴影代码。 阴影