1 分鐘閱讀CSS box-shadow examples 是一款集結了 82 個免費 Box-shadow CSS 陰影樣式的網站，當中所有的 Box 陰影樣式都能夠直接點擊複製 CSS 樣式，並運用在你的網站當中。
網站名稱：Beautiful CSS box-shadow examples – CSS Scan
網站網址：https://getcssscan.com/css-box-shadow-examples
CSS box-shadow examples by CSS Scan 簡介教學
Step 1
進入頁面後，挑選好你想要的陰影樣式後，點選圖中的樣式後，即可複製該陰影效果的 CSS 程式碼：
點選後複製的 CSS 樣式就會像下面這樣：
CSS
如此一來，你就可以直接在這個網站當中查看各種 Box-shadow 的樣式後，點選即可複製 CSS 樣式，並直接用在自己的網站當中。
CSS box-shadow examples by CSS Scan 評價推薦心得
- 提供 82 種 Box-shadow CSS 樣式
- 可一鍵複製 CSS 程式碼
相關文章
- CSS Background Patterns – 21+ 免費線上背景 CSS 樣式，可即時預覽與設定顏色間距及透明度並一鍵複製
- Alwane 免費網站色碼分析工具，透過 HTML 與 CSS 抓取網站使用色系，並以視覺化方式分組呈現所有顏色
- Neumorphism CSS Generator – 新擬態風格圖形樣式產生器，線上客製化最新軟 UI 風格與產生 CSS 程式碼
- CSS.GG – 700+ 開源免版權圖標免費下載，支援 Figma 格式檔案，並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
- MageCDN SVG Loaders – 超過 100 款免費可商用 SVG 載入動畫，告別枯燥等待讓網頁設計質感大提升！
- SoundGator – 創作者線上免費音效庫！不用註冊，WAV/MP3 可商用無限制免費下載
- Simple Icons – 超過 2000 個免費品牌圖示！設計師私藏的 Simple Icons 寶庫大公開！
- Netflix《黑白大廚：料理階級大戰》爆紅！參賽廚師 IG、餐廳地址全收錄，快來朝聖！
- Send Anywhere – 免費線上檔案傳輸神器！免註冊、跨平台、10 GB 容量限制，檔案互傳超簡單！
- Send.cm – 檔案分享神器可線上預覽免下載！免註冊、免廣告、無限容量、端對端加密保護資料安全
- Letterbird – 免費線上聯絡表單工具，用最簡約的方式打造你的線上聯絡窗口
- DNS.fish – DNS 查詢神器，免費查詢所有網站 DNS 紀錄並可指定查詢類型與匯出所有紀錄
Thank you for sharing it, Sliven! Very nice article 🙂
I’m in Taiwan as well.
Guilherme Rizzo
我老公“吉拉米”要謝謝您們的報導, 我們在台灣
Hi Guilherme,
Welcome to Taiwan!! It’s my honor to sharing this good project.
All the best.😁
Hi~謝謝妳們!