鍍金池/ 問答/HTML5  HTML/ 這個移過去的效果怎麼做啊?!

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

https://forbusiness.snapchat....

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

回答
編輯回答
念初

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

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

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

圖片描述

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

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

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

2018年8月24日 16:37