.autoink{ position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ink{ display: block; position: absolute; background: rgba(255, 255, 255, 1.0); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 1; } .animate { webkit-animation: ripple 4s linear infinite; -moz-animation: ripple 4s linear infinite; -ms-animation: ripple 4s linear infinite; -o-animation: ripple 4s linear infinite; animation: ripple 4s linear infinite; } @keyframes ripple { 20% { opacity: 0; transform: scale(2.5); } 100% { opacity: 0; transform: scale(2.5); } }