漣漪動(dòng)畫效果

添加漣漪動(dòng)畫效果后，會(huì)在點(diǎn)擊元素時(shí)，產(chǎn)生向外擴(kuò)散的水波紋效果。

調(diào)用方式

只需添加類 .mdui-ripple 即可生效。

相關(guān)資源

Material Design 徑向轉(zhuǎn)換設(shè)計(jì)規(guī)范

使用方法

添加漣漪效果

只需在元素上添加類 .mdui-ripple，點(diǎn)擊元素時(shí)就會(huì)有漣漪動(dòng)畫效果。

在線運(yùn)行

如果要在 img、input 等無(wú)法擁有子元素的標(biāo)簽上使用，需要把 .mdui-ripple 添加到它的父元素上。

在線運(yùn)行

指定漣漪顏色

默認(rèn)的漣漪為深色背景，當(dāng)通過(guò) .mdui-color-[color] 指定了背景色、或在深色主題下時(shí)，漣漪默認(rèn)為白色。

可通過(guò)添加類 .mdui-ripple-[color] 來(lái)指定漣漪顏色。

在線運(yùn)行

CSS 類名列表