炫彩漸層底圖效果

炫彩漸層底圖效果

on
2020年8月24日
in

按鈕底色為漸層並且有動態的效果 閱讀全文

文字區塊傾斜效果

文字區塊傾斜效果

on
2020年8月15日
in

使用transtorm:skew()製作文字or區塊的傾斜效果 閱讀全文

確保縮圖同尺寸

確保縮圖同尺寸

on
2020年8月14日
in
css

有時縮圖列表若上傳的照片比例不同,會造成雜亂感,這時只要在照片外層再套上一件衣服,大家看起來就都一樣囉 閱讀全文

水平垂直置中(flex)

水平垂直置中(flex)

on
2020年8月3日
in

使用align-items、flex、justify-content 來達到水平垂直居中的效果 閱讀全文

圖片游標互動效果

圖片游標互動效果

on
2020年8月3日
in

滑鼠移至圖片上方的時候,說明文字區塊會從左側滑入的游標互動效果 閱讀全文

文字水平翻轉效果

文字水平翻轉效果

on
2020年8月3日
in

滑鼠移到物件上,物件裡的文字會各別於不同時間點水平翻轉360度的游標互動效果。 閱讀全文

水平垂直置中(position)

水平垂直置中(position)

on
2020年8月3日
in

將物件以絕對定位的方式放在top:50%;left:50%的位置,再用transform屬性將物件的水平垂直各拉50%回來 閱讀全文

網頁中文字型最佳化

網頁中文字型最佳化

on
2020年8月2日
in
css

網頁字型的部份,雖然GOOGLE有NATO字型可用,但使用雲端字型總覺得會很直接影響頁面載入的效率,最近的專案幾乎都使用系統字型了 閱讀全文

等高的區塊欄位

等高的區塊欄位

on
2020年8月2日
in

製作等高的DIV區塊﹙Equal Height Columns﹚,就是讓區塊變成類似表格 table 的概念 閱讀全文

CSS Loading  文字動態

CSS Loading 文字動態

on
2020年8月2日
in

使用 css動畫﹙css animate﹚製作 Loading 文字動態效果 閱讀全文