iT邦幫忙

hover相關文章
共有 5 則文章
鐵人賽 Modern Web DAY 13
從零開始的網頁設計 系列 第 14

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

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

鐵人賽 Modern Web DAY 12
從零開始的網頁設計 系列 第 13

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

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

鐵人賽 Modern Web DAY 16
喪屍黑白切 系列 第 16

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

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

鐵人賽 自我挑戰組 DAY 27
網頁學習紀錄 系列 第 27

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

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

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

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