首页 >
产品中心 >
按品类分类 >
莱卡布 >
这里产品标题01
产品分类 : 莱卡布
发布时间 : 2017-03-30
颜 色 :
编 号 :
用 途 :
订购热线 :
在线咨询
产品详情
原质化设计（Material Design），也叫材料化设计，是Google提出并应用于触摸屏（移动应用）上的一种交互设计风格。
强调一种能给用户自然反应的高级纸质触感。其中一个实例就是在触摸按钮或菜单时，呈现一个以触摸点为中心位置的涟漪（水波）动画。
要实现这样的动画，主要需要处理2个任务，一个是实现脉冲波效果，还有一个是检测触摸（点击）位置。
1. 实现脉冲波效果
这个使用CSS3的变换很容易实现，本质上是一个带特定底色的元素渐进放大的动画。
在放大的同时，减小透明度，从而制造出放大并淡出的视觉效果。CSS3代码如下：
