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
首頁 › 設計資源 › CSS 投影產生器

CSS 投影產生器

產生貼合元素真實形狀的 filter: drop-shadow() 多層投影。

阴影 CSS 设计
層數—

使用方法

  1. 調整上方參數。
  2. 結果與 CSS 即時更新。
  3. 點擊複製。

使用場景

產生貼合元素真實形狀的 filter: drop-shadow() 多層投影。

不會上傳任何內容 — 全部在瀏覽器本地處理。

評論 / 糾錯 / 我的標註

請先登入 — 登入

請先登入 — 登入

請先登入 — 登入

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