已解決430363個問題，去搜搜看，總會有你想問的

這個移過去的效果怎麼做??？！

關注

首頁猿問這個移過去的效果怎麼做??？！

JavaScript

達令說 2019-03-07 14:15:35

https://forbusiness.snapchat....下面封面那邊，移過去後字會出現白底，原本沒有出現也會出現 READ MORE我嘗試解析他的css，但我完全看不懂

查看完整描述

1 回答

揚帆大魚

TA貢獻1799條經驗獲得超9個贊

一、你標題的“移”字打錯了。

二、提問這種問題最好帶截圖，方便快速定位。

三、通過瀏覽器控制臺可以看出，這和 JS 無關，純 CSS 代碼。

四、鼠標移上去時對應的CSS代碼，是通過 :hover 選擇器實現。比如說鏈接 a 標簽默認黑色，鼠標移上去變成紅色，是這樣寫的：

a {color:black}

a:hover {color:red}

五、鼠標移上去，文字標簽出現白底，隱藏的 READ MORE 顯示，這是通過 :hover 選擇器實現。而白底由左向右鋪滿，并且整體由下往上移動，這是通過 transition 過渡效果實現。

反對回復 2019-03-21

關注

舉報

0/150

提交

取消