漣漪動畫效果

添加漣漪動畫效果后，會在點擊元素時，產(chǎn)生向外擴散的水波紋效果。

調(diào)用方式

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

相關資源

Material Design 徑向轉換設計規(guī)范

使用方法

添加漣漪效果

只需在元素上添加類 .mdui-ripple，點擊元素時就會有漣漪動畫效果。

在線運行

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

在線運行

指定漣漪顏色

默認的漣漪為深色背景，當通過 .mdui-color-[color] 指定了背景色、或在深色主題下時，漣漪默認為白色。

可通過添加類 .mdui-ripple-[color] 來指定漣漪顏色。

在線運行

CSS 類名列表