最新紀錄

SAS

css· 2 分鐘

CSS沒有極限 - Checkbox的妙用

CSS3 新增了:checked的偽元素，它可以判斷目前的checkbox 及 radio 是否有被選核，這樣html就能夠做出基本的點擊功能；並且結合labe…

sasscss

2013 年 10 月 07 日 繼續閱讀 →

css· 1 分鐘

CSS沒有極限 - CSS3 Fliter 效果

假日都來介紹些單篇的主題吧~，今天要介紹的是filter。

sasscss

2013 年 10 月 06 日 繼續閱讀 →

css· 3 分鐘

自己做web fonts icons

承上一篇，本篇會介紹自己做web fonts icons，讓會手癢的設計師可以自行設計web font icon。

sasscss

2013 年 10 月 05 日 繼續閱讀 →

css· 4 分鐘

CSS沒有極限 - Web-font & icons

本篇所用的範例是Ligature Symbols，它所提供的的icons非常多，而且簡單易用。

sasscss

2013 年 10 月 04 日 繼續閱讀 →

sass· 2 分鐘

CSS沒有極限 - Transition 實作波動拳動圖

CSS3除了有更多的樣式外，其中一個重點就是動態，而transition是動態效果最容易達成的；所以本篇主要要介紹的是transition，以及transiti…

sasscss

2013 年 10 月 02 日 繼續閱讀 →

sass· 4 分鐘

用sass 做long shadow

網頁設計的趨勢從擬物轉換為扁平化，而扁平化顧名思義就是較扁、較平，去除了真實化實體，扁平化也延伸出許多的視覺風格，而long shadow就是其中一種，讓扁平的…

sasscss

2013 年 10 月 01 日 繼續閱讀 →

css· 2 分鐘

CSS沒有極限 - CSS3 :target選取器

CSS3多了相當多的selectors，而:target是其中一個，它可以讓html的id被套用上新的樣式，而這功能也可以讓html的互動性更高。

sasscss

2013 年 09 月 29 日 繼續閱讀 →

SAS

css· 1 分鐘

CSS沒有極限 - CSS藏頭詩 Selection

這是一個很簡單的技術，就是可以改變文字反選後的樣式，而支援的樣式並不多，目前僅有Color、background、backgroundcolor、textsha…

sasscss

2013 年 09 月 28 日 繼續閱讀 →

css· 3 分鐘

CSS沒有極限 - CSS的新"文字"及"尺寸"單位

CSS3 新的文字單位 大多數網站在文字的單位都是使用px，尤其在台灣多數使用者都是用windows系統，不管是什麼瀏覽器，在windows下都是以單數px是較…

sasscss

2013 年 09 月 27 日 繼續閱讀 →

SAS

css· 2 分鐘

CSS的運算

今天來介紹CSS最犯規的function calc，通常會用來做數值的運算，尤其是針對於長寬等等，而他最特別的是運算的數值"不需要"相同單位。

sasscss

2013 年 09 月 26 日 繼續閱讀 →