最新紀錄

SAS

css· 1 分鐘

CSS3 垂直文字書寫

html最早都是應用於拉丁文上，而拉丁文主要是水平由左到右的書寫方式，而到了其他的語系國家，文字也只能用水平由左到右的書寫方式；而漢字是屬於垂直書寫由右到左的書…

sasscss

2013 年 10 月 20 日 繼續閱讀 →

SAS

css· 2 分鐘

Animation 的各項設定值

和其他屬性一樣，animation有許多屬性可以設定，當然也可以用一個animation涵蓋全部，以下會分別介紹以下屬性的用途。 來源：http://css.d…

sasscss

2013 年 10 月 18 日 繼續閱讀 →

SAS

css· 2 分鐘

Animation 和 keyframe

CSS的Animation分為兩個部分，一個是決定動畫該如何跑的Keyframe，另一個是將動畫載入元素的Animation。簡單來說，就是先製作一個keyfr…

sasscss

2013 年 10 月 17 日 繼續閱讀 →

SAS

css· 2 分鐘

CSS沒有極限 - 鐵人賽不是開始，也不是結束

在鐵人賽前一個月，我在進行一個計劃，就是挑戰100天發文，內容以前端為主，雖然每天都有新的文章，但我都不會特別去核對文章的內容。而鐵人賽開始後，將主題調整為CS…

sasscss

2013 年 10 月 15 日 繼續閱讀 →

css· 2 分鐘

CSS沒有極限 - CSS 的相關資料

今天沒有要介紹任何效果，是要介紹這些CSS資料是從何處獲得的。

sasscss

2013 年 10 月 14 日 繼續閱讀 →

css· 5 分鐘

CSS沒有極限 - pure CSS 專輯列表效果

鐵人賽快要結束了，今明兩天會介紹純CSS可以做些什麼特別的效果。今天要介紹的是專輯相簿的效果。

sasscss

2013 年 10 月 12 日 繼續閱讀 →

SAS

css· 1 分鐘

CSS沒有極限 - CSS transform-3D的透視(perspective)

本篇介紹的transform 3D的透視，如果沒有設定透視(perspective)，transform 3D就會像平面一樣呈現。所以在3D的物件上，一定要設定…

sasscss

2013 年 10 月 11 日 繼續閱讀 →

SAS

css· 2 分鐘

CSS沒有極限 - CSS transform-origin

本篇介紹transform的起始點，一般來說變形的起始點都在物件的中心點，但如果需要像時鐘的分秒針一樣，中心點並不再物件的中心，就需要靠transformori…

sasscss

2013 年 10 月 10 日 繼續閱讀 →

SAS

css· 2 分鐘

CSS沒有極限 - CSS transform 軸線的謊言

從小上數學課，都會知道X軸是左右，Y軸是垂直，看起來就是這麼容易，但是一到了CSS上卻是常常分不清楚，而其中最大的陷阱就是旋轉(rotate)。這篇會用簡單的動…

sasscss

2013 年 10 月 09 日 繼續閱讀 →

SAS

css· 2 分鐘

CSS沒有極限 - CSS transform 概觀

接下來要介紹CSS transform，CSS3許多新功能中，我認為transform和animation是相當有難度的，但也是最有趣的，尤其在兩者搭配後，能夠…

sasscss

2013 年 10 月 08 日 繼續閱讀 →