CSS 鼠標移入時間是定義鼠標在元素上懸停的時間長度。當鼠標懸停在元素上達到指定的時間長度時,將觸發相應的 CSS 樣式。
要為元素設置鼠標懸停時間,可以使用 CSS 的:hover
偽類和transition-delay
屬性。
下面是一個例子,設置鼠標在懸停在一個按鈕上的時間為 2 秒:
.button { background-color: #f7f7f7; border: 1px solid #ccc; color: #333; display: inline-block; font-weight: 600; padding: 10px 20px; transition-delay: 2s; /* 設置鼠標移入時間為 2 秒 */ } .button:hover { background-color: #333; color: #fff; }
在上面的例子中,當鼠標懸停在按鈕上達到 2 秒時,將觸發.button:hover
的 CSS 樣式,改變按鈕的背景顏色和字體顏色。
鼠標移入時間的長度可以根據需要調整。通過設置不同的transition-delay
值,可以改變不同元素的鼠標懸停時間。鼠標移入時間的設置可以讓用戶更加易于使用網頁,提升用戶體驗。
上一篇css鼠標移入改變指針
下一篇css鼠標移動img變色