本文將介紹 CSS 中設定過渡的方法。我們將學習在 opacity、height 和 visibility 上使用過渡來在懸停和懸停時提供淡入和淡出效果。 在 CSS 中使用 opacity 和 visibility 屬性以及 transition 屬性設定過渡 我們不能在 CSS 的 display 屬性中使用 transition 屬性。例如，我們不能使用 CSS transition 屬性在懸停（滑鼠進入）後將 display : none 更改為 display : block，反之亦然。因此，我們可以使用 opacity 和 visibility 屬性以及過渡來為專案提供淡入和淡出效果。Transition 具有某些屬性，例如 transition-property、transition-duration、transition-timing-function 和 transition-delay。我們也可以使用 transition 速記屬性作為 transition : opacity 2s linear 1s。這裡 opacity 表示 transition-property，2s 表示 transition-duration，linear 表示 transition-timing-function，而 1s 表示 transition-delay。我們可以使用懸停來試驗 transition。