當你需要在網站中實現鼠標懸停隱藏顯示文字的功能時,CSS是非常有用的工具。CSS中有一個叫做“:hover”的偽類選擇器,可用于根據鼠標的狀態改變元素的樣式。
在上面的代碼中,我們定義了一個ID為“hidden-text”的
元素,并使用opacity屬性將其初始值設置為0。接著,我們使用transition屬性來定義一個動畫效果,使顯示或隱藏文字時更加平滑。最后,我們使用:hover偽類選擇器來定義當鼠標懸停在
元素上時,其opacity屬性的值會變為1,因此文字會顯示出來。
通過自定義CSS樣式,我們可以很容易地實現鼠標隱藏顯示文字的效果。
上一篇CSS的新增屬性有
下一篇css鼠標透明度效果