鍍金池/ 問(wèn)答/HTML5  HTML/ 前端問(wèn)題!YouTube網(wǎng)站右上角這個(gè)小功能如何實(shí)現(xiàn)?

前端問(wèn)題!YouTube網(wǎng)站右上角這個(gè)小功能如何實(shí)現(xiàn)?

如圖
圖片描述

當(dāng)點(diǎn)擊的時(shí)候,會(huì)有一個(gè)水波
然后展開一個(gè)列表,并且有陰影。
這應(yīng)該是javascript寫的

我平常就寫php
對(duì)前端知識(shí)比較少了解
有個(gè)小項(xiàng)目需要用到這個(gè)

各位兄弟支個(gè)招,留個(gè)demo代碼什么的
小弟學(xué)習(xí)學(xué)習(xí)

回答
編輯回答
編輯回答
遲月

Material Design的 Ripples 效果
自己搜一下吧, 應(yīng)該有好多實(shí)現(xiàn)方式

2018年4月23日 15:53
編輯回答
我以為

一個(gè)div,默認(rèn)隱藏,鼠標(biāo)點(diǎn)擊顯示一下就好了

2018年1月2日 03:19
編輯回答
我以為

樣式寫在偽類:active中 即可實(shí)現(xiàn)

2018年7月18日 23:49
編輯回答
凝雅

這個(gè)網(wǎng)站壞了,上不去,無(wú)法復(fù)現(xiàn),下一個(gè)。。。。。

2017年9月1日 07:58