.t-ripple-container{显示:inline-block;位置:绝对;:0;左:0;宽度:0;高度:0}.t-ripple-effect{:相对;溢出:隐藏!重要;-webkit-tap-highlight-color: rgba (255255255,0)} .t-ripple-effect-icon{:相对;溢出:可见!重要;-webkit-tap-highlight-color: rgba (255255255,0); -webkit-appearance:没有}.t-ripple{宽度:50 px;溢出:隐藏;背景:黑色;border - radius: 50%;高度:50 px;左:0;不透明度:0;pointer-events:没有,位置:绝对;:0;-webkit-transform:翻译(-50%,-50%);-ms-transform:翻译(-50%,-50%);变换:翻译}.t-ripple(-50%、-50%)。t-涟漪-动画{-webkit-transition:-webkit-transform .5s cubic-bezier(0,0,0.2,1)，width .5s cubic-bezier(0,0,0.2,1)，height .5s cubic-bezier(0,0,0.2,1)，不透明度1s cubic-bezier(0,0,0.2,1);transition:transform .5s cubic-bezier(0,0,0.2,1)，width .5s cubic-bezier(0,0,0.2,1)，height .5s cubic-bezier(0,0,0.2,1)，不透明度1s cubic-bezier(0,0,0.2,1)}。t-ripple-effect-icon .t-ripple。t-ripple-animating {-webkit-transition: -webkit-transform。3 cubic-bezier(0, 0, 0.2, 1),宽度。3 cubic-bezier(0, 0, 0.2, 1)高度。3 cubic-bezier(0, 0, 0.2, 1),不透明度。6 cubic-bezier(0, 0, 0.2, 1);转型:变换。3 cubic-bezier(0, 0, 0.2, 1),宽度。3 cubic-bezier(0, 0, 0.2, 1)高度。3 cubic-bezier(0, 0, 0.2, 1),不透明度。6 cubic-bezier (0, 0, 0.2, 1)} .t-ripple.t-ripple-visible}{不透明度:.24 .t-ripple.t-ripple-visible.t-ripple-white{不透明度:.30}