在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 這個(gè)移過(guò)去的效果怎麼做???!

這個(gè)移過(guò)去的效果怎麼做啊?!

https://forbusiness.snapchat....

下面封面那邊,移過(guò)去後字會(huì)出現(xiàn)白底,原本沒(méi)有出現(xiàn)也會(huì)出現(xiàn) READ MORE
我嘗試解析他的css,但我完全看不懂

回答
編輯回答
念初

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

二、提問(wèn)這種問(wèn)題最好帶截圖,方便快速定位。

三、通過(guò)瀏覽器控制臺(tái)可以看出,這和 JS 無(wú)關(guān),純 CSS 代碼。

圖片描述

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

a {color:black}
a:hover {color:red}

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

2018年8月24日 16:37