Tạo hiệu ứng splash ripple giống template mặc định

Tạo hiệu ứng splash ripple giống template mặc định

Các mẫu template mặc định mới sử dụng hiệu ứng splash ripple rất đẹp mắt, nếu bạn cũng muốn sử dụng hiệu ứng này trong mẫu template của bạn thì làm theo các bước sau 1. Tạo css trong <b:skin> Copy .flat-icon-button {   background:transparent;   border:0;   outline:none;   padding:8px;   cursor:pointer;   box-sizing:content-box;   display:inline-block;   line-height:0; } .flat-icon-button,.flat-icon-button .splash-wrapper {   border-radius:50%; } .flat-icon-button .splash.animate {   -webkit-animation-duration:0.3s;   animation-duration:0.3s; } .flat-button {   cursor:pointer;   border-radius:2px;   padding:8px; } .ripple {   position:relative; } .ripple > * {   z-index:1; } .splash-wrapper {   bottom:0;   left:0;   overflow:hidden;   pointer-events:none;   position:absolute;   right:0;   top:0;   z-index:0; } .splash {   background:#aaaaaa;   border-radius:100%;   display:block;   opacity:.9;   position:absolute;   -webkit-transform:scale(0);   -ms-transform:scale(0);   transform:scale(0); } .splash.animate {   -webkit-animati…