[筆記] 電腦版上的 hover 效果在手機版的替代方式 Posted on2022-12-052022-10-28AuthorANDY LIEN 章節連結 內容 參考資料 由於手機上並沒有所謂的游標,因此就沒有桌機上有的 hover 滑過效果。在手機上能用做簡易替代的效果,就是抓準手指觸碰到指定位置的瞬間來作 hover 的效果。 內容 手機瀏覽器是支援 CSS 中的 :active 效果,因此可以 :active 來替代。 參考資料 1. CSS hover on mobile 按讚加入粉絲團延伸閱讀 [筆記] Tailwind CSS Safelist 設定 [筆記] 程式必修課!資料結構與演算法|JavaScript 篇 – 70 [筆記] 程式必修課!資料結構與演算法|JavaScript 篇 – 69 [筆記] 純 CSS Blur 創造模糊效果 [指南] NoTunes – 解決不定時開啟 Apple Music 的問題