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

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

JavaScript

達(dá)令說 2019-03-07 14:15:35

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

查看完整描述

1 回答

揚(yáng)帆大魚

TA貢獻(xiàn)1799條經(jīng)驗獲得超9個贊

一、你標(biāo)題的“移”字打錯了。

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

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

四、鼠標(biāo)移上去時對應(yīng)的CSS代碼，是通過 :hover 選擇器實現(xiàn)。比如說鏈接 a 標(biāo)簽?zāi)J(rèn)黑色，鼠標(biāo)移上去變成紅色，是這樣寫的：

a {color:black}

a:hover {color:red}

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

反對回復(fù) 2019-03-21

關(guān)注

舉報

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號