卡斯伯提供的教學資源:
sass
CSS沒有極限 - Transition 實作波動拳動圖
CSS3除了有更多的樣式外,其中一個重點就是動態,而transition是動態效果最容易達成的;所以本篇主要要介紹的是transition,以及transition的timing-function。...
sass
用sass 做long shadow
網頁設計的趨勢從擬物轉換為扁平化,而扁平化顧名思義就是較扁、較平,去除了真實化實體,扁平化也延伸出許多的視覺風格,而long shadow就是其中一種,讓扁平的世界裡,增添一些的立體感。...
css
CSS沒有極限 - CSS3 :target選取器
CSS3多了相當多的selectors,而:target是其中一個,它可以讓html的id被套用上新的樣式,而這功能也可以讓html的互動性更高。...
css
CSS沒有極限 - CSS藏頭詩 Selection
這是一個很簡單的技術,就是可以改變文字反選後的樣式,而支援的樣式並不多,目前僅有Color、background、background-color、text-shadow在內。...
css
CSS沒有極限 - CSS的新"文字"及"尺寸"單位
CSS3 新的文字單位 大多數網站在文字的單位都是使用px,尤其在台灣多數使用者都是用windows系統,不管是什麼瀏覽器,在windows下都是以單數px是較為清楚的,如13xp.15px等,而px在建立網站時也是較為方便及準確的,但他的彈性是比較差的。...
css
CSS沒有極限 - 意想不到的background-attachment
background-attachment是背景固定模式的屬性,而不同的固定方式就能夠有不同的視覺效果,而人類的視覺是很容易欺騙的,適當的利用可以有意想不到的效果。...