
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 格式下載
- NegativeSpace – 高解析度免費線上圖庫,提供大量留白類型圖片,採用 CC0 授權方式可免費於商業用途使用
- DOTOWN – 免版權可商用像素風格免費圖庫,任天堂前設計師創立,免費透明素材圖庫免註冊即可下載
- Videezy – 大量高品質免費影片素材庫,高達 4K 畫質影片無須註冊即可下載並可作為個人或商業用途使用
- ManyPixels Gallery – 超過 2500+ 插圖素材免費圖庫,提供 SVG 與 PNG 檔案不須署名即可用於商業用途
- Gratisography – 提供 700+ 獨特新奇搞笑照片的免費圖庫,不須附上來源即可免費用於個人或商業用途中
- PngPix – 免費線上透明背景圖片素材庫,可直接下載去背後的照片且免費用於個人、教與及非商業用途
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~謝謝妳們!