.t-ripple-container {display：inline-block; position; posit; top：0; left：0; width：0;高度：0} .t-ripple-effect {位置：相对; everal; vellflow; vellflow：hidden！-webkit-tap-highlight-color：rgba（255,255,255,0）}。t-ripple-effect-icon {位置：相对; vellflow：vellflow：可见！; -webkit-apperance：none} .t-ripple {width：50px;溢出：隐藏；背景：黑色； border-radius：50％;高度：50px; left：left：0; opcity; opacity; opcity; 0; pointer-events：none; none;位置：绝对; top：0; -webkit-transform：translate（-50％， - 50％）; - ms-transform：translate：translate（-50％，-50％）;变换：转换：转换（-50％，-50）％）}。t-ripple.t-ripple-animating {-webkit-transition：-webkit-transform .5s cupic-bezier（0,0,0.2,1），宽度.5s .5s cupic-bezier（0,0,0,0.2，1），高度.5s立方bezier（0,0,0.2,1），不透明度1S立方bezier（0,0,0,0.2,1）;过渡：转换.5s Cubic-Bezier（0,0,0.0.2，0,0,0.2，1），宽度.5s立方bezier（0,0,0.2,1），高度.5s立方bezier（0,0,0.2,1），不透明度1S Cubic-Bezier（0,0,0.2,1）}。nSition：-webkit-transform .3s立方bezier（0,0,0.2,1），宽度.3s cuxic-Bezier（0,0,0.2,1），高度.3s .3s Cubbeier（0,0,0,0.2，0,0,0.2，1），不透明度.6s立方体（0,0,0.2,1）;过渡：转换.3s cuxic-bezier（0,0,0,0.2,1），宽度.3s .3s Cubsic-Bezier（0,0,0.0.2，0,0,0.2，1），高度.3s立方bezier（0,0,0.2,1），不透明度.6s cupic-bezier（0,0,0,0.2,1）}。t-ripple.t-ripple.t-ripple-visible {opcible {opacity：.24} .t-ripple.t-ripple-visible.t-ripple-white {opacity：.30}