技術 [快速入門前端 24] CSS 常見屬性(4) 背景和滑鼠動態屬性

背景 我們之前介紹 CSS 顏色時有說過 background-color 可以指定元素的背景顏色，但其實在背景中除了顏色外我們還能做更多變化，下面就讓我們花點...

技術 Day 16 | 讓你的按鈕不只是按鈕 - hover

今天想要分享一些按鈕被 hover 時的效果，我的參考來源來自以下兩個 Youtube 頻道：Online TutorialsDarkCode 本篇關鍵字...

技術 鐵人賽 Day27 人員卡片介紹：加上互動色彩

人員卡片介紹除了可以做一點動態的互動外，顏色上的互動特效也是非常棒的特效效果！這次想做的感覺如下圖： 這部分的 SCSS 如下： .card { wid...

技術 Day13 : 利用hover實作滑過顯示

因為不小心按到 X 所以全部正在重寫中時間晚了也累了直接先用codepen寫了一個簡單的範例 是不是很常在逛網展的時候都會有這種滑過顯示的效果？到底該怎麼用cs...

技術 Day12 : 切版(2) _ 基礎樣式 2 ：滑鼠滑過變更顏色

那今天要來寫的是關於選單的部分 那我們要讓他變成這樣這邊沒有什麼新的屬性 .menu ul li { font-size: 1.3em; fo...