工作坊 關於 聯絡
 
關於
歡迎來到網頁工程C工作坊！工作坊的主要目的是為大家提供一些有關網頁設計及開發等等的熱門資訊，希望大家可以將資訊用於自己的作品上，以及能啟發大家的創作靈感！

推介開發工具：VS Code
聯絡

電郵：admin@chedevelopment.com

Facebook：http://fb.me/CheDevelopmentWorkshop

CodePen：https://codepen.io/chedevelopment

關於 聯絡
分類
CSSFlexboxFlexbox ContainerFlexbox Itemcss單位
熱門內容
純 CSS 製作按鈕波浪效果
本篇介紹用純 CSS 製作出類似 Google Material Style 的按鈕波浪效果，不需要使用 Javascript 的幫助就可以了！
利用 CSS 製作相片穿透文字特效
本篇教你無需要其他工具輔助，只需要利用 background-clip 及其他簡單的 CSS 設定便可以製作出漂亮的文字效果。
製作漸變顏色動畫效果背景
只是利用 CSS 中的 linear-gradient、animation 及 keyframes，無需要任何 javascript 的輔助，便可以製作出漸變背景顏色的動畫效果。
Flexbox 進階篇 01
本篇介紹利用 css 可設定 Flexbox 中各物件的排序，令排版更具彈性。
em 與 rem 的分別
rem 與 em 相似，但又不盡相同。本篇介紹它們的分別及使用場合。
em 單位的使用 01
介紹使用 em 作為文字大小設定時要注意的事項，並介紹 em 單位的特質。
利用 CSS Flexbox 實現垂直及水平置中
在未有 Flexbox 出現以前，網頁設計中要實現垂直置中一向也比較複雜，但有了 Flexbox 後，只要簡單幾個設定便可以做到了。
Flexbox 基本概念總結
本篇為您總結有關 Flexbox 的基本概念及設定 flex-direction, flex-wrap, justify-content, align-items
Flexbox 基本概念 04 (align-items)
本篇為您介紹除 justify-content 之外， Flexbox 另一個有關對齊特性的設定 align-items，以及他們之間的分別。
Flexbox 基本概念 03 (justify-content)
本篇為您介紹 Flexbox 的對齊特性，物件對齊 justify-content 是 Flexbox 中最基本亦是最核心的設定之一。
Flexbox 基本概念 02 (flex-wrap)
本篇繼續為您介紹 Flexbox 的基本特性，以及 flex-wrap 設定對排版的影響。
CSS 單位基本介紹
本篇為您介紹 CSS 單位的兩大種類及其使用場合