CSS 陰影產生器

所有工具
CSS 陰影產生器
透過即時滑桿調整偏移量、模糊、擴散、顏色、透明度與內陰影，在真實元素上預覽，並立即複製可用的 CSS。
即時預覽
即時預覽
CSS
box-shadow: —;

所有更新均在您的瀏覽器中即時完成——無需上傳、無需註冊、完全免費。

陰影圖層
px
px
px
px
陰影顏色
20%
元素與畫布
16px
預設
分享
相關工具
Email 簽名產生器

從 30 個範本設計專業的 HTML 電子郵件簽名、自訂並儲存。
程式碼格式化工具

美化 HTML、CSS 與 JavaScript——重新縮排並加入換行，使雜亂或已壓縮的程式碼易於閱讀。
QR Code 產生器

產生 QR Code（URL、文字、Wi-Fi、vCard…）並匯出為 PNG。
圖示轉 PNG

將 Bootstrap Icons、Font Awesome 等轉換為自訂 PNG 圖片——免費，在瀏覽器中完成。
應用程式圖示產生器

為 App Store 與 Google Play 產生一套完整、可直接上架的應用程式圖示——由你的標誌打造的高級漸層、網格漸層與圖案背景。
favicon 產生器

從標誌、字型圖示或字母組合建立完整的 favicon 套件——favicon.ico、現代 PNG、Apple 觸控圖示、PWA 圖示、Web 資訊清單以及 HTML 程式碼。
熱門搜尋
css box shadow 產生器 box shadow css 線上陰影產生器 css 陰影製作 多層 box shadow inset 陰影 css

將此免費工具新增到你自己的網站 — 複製並貼上下面的程式碼。