![[筆記] 電腦版上的 hover 效果在手機版的替代方式](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] 電腦版上的 hover 效果在手機版的替代方式")
[筆記] 電腦版上的 hover 效果在手機版的替代方式
由於手機上並沒有所謂的游標，因此就沒有桌機上有的 hover 滑過效果。在手機上能用做簡易替代的效果，就是抓準手指觸碰到指定位置的瞬間來作 hover 的效果。 Read More …
標籤: CSS
[筆記] 透過 CSS 將文字以直式的方式呈現
雖說橫書已經是電腦流行年代的書寫主流了，不過在過往中文直書也是有一定程度的需求。其實僅需要透過簡單的 CSS 樣式就可以達成中文直書的效果。 程式碼 透過 CS Read More …
[筆記] Pure CSS 打造右側出現的 OffCanvas 效果
OffCanvas 的選單導覽，是行動版裝置常用的模式之一。這邊要來筆記下在不用 JavaScript 的前提下來達成這個效果。 核心原理 1. 開關是藉由 C Read More …
[筆記] 使用 Normalize.css 時，請記得調整 box-sizing 計算方式
因應現代瀏覽器的百花齊放，使用 Normalize.css 或是 reset.css 變成一種在頁面剛開始刻劃時的必備操作。這回直接引用 Normalize.c Read More …
[筆記] CSS 製作漸層色的邊框
近期因應 UI 設計師要求，需要在按鈕的邊緣加上漸層色邊框。原先以為這並不會是太困難的事，想不到也花了一些時間才能順利實現。這邊筆記下重點和實作示範。 限制緣由 Read More …
[筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (72)
有鑑於用遍不少的前端 UI 框架，對於其 CSS 特效往往是不知其所以然。若要依情況改寫的話，便遇上了不小困難。Udemy 上的 CSS3 Animations Read More …
[筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (71)
有鑑於用遍不少的前端 UI 框架，對於其 CSS 特效往往是不知其所以然。若要依情況改寫的話，便遇上了不小困難。Udemy 上的 CSS3 Animations Read More …
[筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (70)
有鑑於用遍不少的前端 UI 框架，對於其 CSS 特效往往是不知其所以然。若要依情況改寫的話，便遇上了不小困難。Udemy 上的 CSS3 Animations Read More …
[筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (69)
有鑑於用遍不少的前端 UI 框架，對於其 CSS 特效往往是不知其所以然。若要依情況改寫的話，便遇上了不小困難。Udemy 上的 CSS3 Animations Read More …
