CSS3 Maker 工具分享

CSS3 也正式推出好多年了,以前要寫好多好多的 CSS 才能達成的效果,
例如各種圓角、垂直置中,
在 CSS3 不斷的更新下,也都越來越容易達成,
但是如果是初學者,還不熟悉 CSS3 的話,
這邊介紹一個好工具,可以讓你用滑鼠點點,
就能快速看到效果及取得 CSS3 語法。

進入後可以很簡單明瞭,大致上就如下圖一樣

tools-site-css3-maker-2024-06-07-11-59-43

  • 選項區域:你可以點你想要設定選項
  • 預覽區域:會根據你選擇的選項顯示預覽的效果
  • 語法區域:根據你選擇的項目,自動生成對應的語法,也能按右上角的按鈕直接複製回去用
  • 範例區:會列出最熱門的範例,也可以點擊 View All Examples,看所有範例

常見的霧玻璃效果、魔幻的漸層都有範例,大家也可以自己創作自己想要的效果。

還等什麼,快來去玩玩看吧。

Jackie Yeh

擅長 WordPress、Joomla 各種 CMS,喜歡跟客戶站在一起思考什麼才是有用的,希望做的網站能對客戶發揮作用。

想知道更多嗎?

填入常用的電子郵件,即可在第一時間獲取最新知識!

Subscription Form