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