iT邦幫忙

3

WordPress 教學:如何制作【平滑感】的 CSS 輕陰影?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20191209/20116357LNehmJn0Gq.png

有時要把陰影調整得非常 “Smooth 順滑” 是一件不輕鬆的事情,如果沒有受過正規的學術訓練,尤其容易弄巧成難看的陰影,雖然這非常主觀,但不妨多參考國外的優秀例子,順道培養和強化自己的美感!

✦ 適用範圍:只要一點點的輕陰影(Soft Shadows)加在圖片、表格和強調的資訊,輕微的立體感就會呈現出來,如何拿捏也要看經驗,但這是歷久不衰的經典設計原素,點綴了整體網站的質感。

CSS 輕陰影產生器工具網址:
https://brumm.af/shadows

✦ 這次介紹這個工具,是對非美術人員相當友善的小工具,值得大家收藏備用。


您可能會有興趣的 WordPress 相關文章:

免費建立網站教學,看這篇就足夠

WordPress 教學:小樹苗成長課程

HTML 標題語法 h1 至 h6 的使用原則和 SEO 的影響因素

免費 WordPress 新手必備素材包

什麼是 DA (Domain Authority 網域權威值) 和 PA (Page Authority 頁面權威值) ?

免費高品質和可商業使用圖庫推薦

Loom 是免費螢幕錄影工具,提供免費版和付費版 – 雲端錄制影片測試

100 個安裝 WordPress 後的小技巧

【Google Fonts 應用】如何在 WordPress 網站上使用 Google 中文字體?

WPWebHost 建立部落格完整流程 – 從 Logo 設計到 SEO 最佳化

為什麼 WordPress 是免費?


什麼是 WordPress 社群生態普查與研習 - 網站迷谷

https://ithelp.ithome.com.tw/upload/images/20190427/20116357LGQmfn1DSo.png

一群喜歡網站架設的愛好者
推動 WordPress 社群持續的健康發展
建立關愛和共融的互動社群
適合完全沒有任何基礎和
不懂程式的入門者和新手
只要您勇敢踏出第一步
要建立自己的部落格或網站
其實沒有非常困難

第一次網站製作嗎?
歡迎來到我們的社團
學習網頁設計

免費 WordPress 線上影片教學課程

WordPress Valley - 網站迷谷【免費教學網站】

WordPress Valley - 網站迷谷【Facebook 討論社團】

WordPress Valley - 網站迷谷【追蹤 Instagram】


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言