Material 对除按钮以外的其他元素的设计连锁反应

Question

我想知道，是否可以在按钮以外的其他 HTML 元素（例如 div）上重用 Material 设计 CSS 涟漪效应？或者在 CSS 中创建自己的连锁反应会更容易吗？

Answer 1

Material设计提供开箱即用的纹波组件，可以这样使用：

在 .ts 文件中：

import {MatRippleModule} from '@angular/material/core';

在视图中：

<div matRipple [matRippleColor]="myColor"> 
 <ng-content></ng-content> 
</div>

可以在此处找到有关该组件的示例和更多信息：https://material.angular.io/components/ripple/overview

Material Design ripple effect on other element than button