原质化设计（Material Design），也叫材料化设计，是Google提出并应用于触摸屏（移动应用）上的一种交互设计风格。

强调一种能给用户自然反应的高级纸质触感。其中一个实例就是在触摸按钮或菜单时，呈现一个以触摸点为中心位置的涟漪（水波）动画。

要实现这样的动画，主要需要处理2个任务，一个是实现脉冲波效果，还有一个是检测触摸（点击）位置。

1. 实现脉冲波效果

这个使用CSS3的变换很容易实现，本质上是一个带特定底色的元素渐进放大的动画。

在放大的同时，减小透明度，从而制造出放大并淡出的视觉效果。CSS3代码如下：