![[筆記] Vue3 自製 Collapse Transition 收摺動畫](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 自製 Collapse Transition 收摺動畫")
[筆記] Vue3 自製 Collapse Transition 收摺動畫
Vue 3 利用 <Transition> 實現動態高度的收摺動畫，並撰寫一個 composable 來幫助重複使用。 內容 由於 Vue 的 &l Read More …
標籤: height
![[筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別](https://smlpoints.com/wp-content/uploads/notes-macbook-pro-2019-monitor-knowledge-1.jpg "[筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別")
[筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別
近期在開發給顯示器端顯示的畫面時，若螢幕顯示器上是使用「內建的瀏覽器」的話，那就有機會踩到「螢幕解析度」和「瀏覽器寬高」不同的情形。這邊筆記下開發時的注意事項。 Read More …
![[筆記] HTML height:0 到 height: auto 的動畫效果實現](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] HTML height:0 到 height: auto 的動畫效果實現")
[筆記] HTML height:0 到 height: auto 的動畫效果實現
近期在 HTML 開發上，要製作展開的動畫效果，一般而言是使用 height: 0 到 height: 80px 之類的特定高度。若遇上展開所需的高度會需要為動 Read More …
![[筆記] CSS 的 height auto, initial, inherit 的區別](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] CSS 的 height auto, initial, inherit 的區別")
[筆記] CSS 的 height auto, initial, inherit 的區別
CSS 中的 height，發現對 auto, initial, inherit 這三個屬性並不是相當了解。這邊筆記下整理後的結果。 內容 1. height Read More …
