HeronTool
繁體中文▾
登入
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
首頁 › 設計資源 › Neumorphism Generator

Neumorphism Generator

產生柔和的新擬態陰影 CSS。

CSS 阴影 生成

使用方法

  1. 設定尺寸、圓角與顏色
  2. 調整陰影距離
  3. 複製 CSS

使用場景

新擬態 UI 設計、儀表板。

在瀏覽器本機處理，不會上傳任何資料。

評論 / 糾錯 / 我的標註

請先登入 — 登入

請先登入 — 登入

請先登入 — 登入

相關工具
漸層產生器 產生線性/放射 CSS 漸層，附即時預覽。 漸層 字型預覽 輸入文字並切換字體，即時預覽效果。 字型 圖示搜尋 搜尋 Tabler 圖示，一鍵複製 SVG。 圖示 色票產生器 從基準色建構和諧色票（類似色/互補色）。 色票 Mockup 產生器 將網址或截圖拖入裝置模型框架預覽。 示意圖 顏色對比度 檢查背景上文字的 WCAG 對比度。 對比 box-shadow 產生器 視覺化建立 CSS box-shadow。 陰影 text-shadow 產生器 建立 CSS text-shadow。 陰影