Current File : /home/inlingua/public_html/crm/ninexb/wp-content/plugins/tablesome/src/table/style/_ripple.scss

.tablesome__ripple {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	-webkit-transform: translateZ(0); /* to contain zoomed ripple */
	transform: translateZ(0);
	border-radius: inherit; /* inherit from parent (rounded buttons etc) */
	pointer-events: none; /* allow user interaction */
	// animation: ripple-shadow 0.4s forwards;
	// -webkit-animation: ripple-shadow 0.4s forwards;
}
.tablesome__rippleWave {
	backface-visibility: hidden;
	position: absolute;
	border-radius: 50%;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	background: rgba(255, 255, 255, 1);
	opacity: 0.45;
	animation: ripple 2s forwards;
	-webkit-animation: ripple 2s forwards;
}
@keyframes ripple-shadow {
	0% {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	20% {
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	}
	100% {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
}
@-webkit-keyframes ripple-shadow {
	0% {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	20% {
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	}
	100% {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
}
@keyframes ripple {
	to {
		transform: scale(24);
		opacity: 0;
	}
}
@-webkit-keyframes ripple {
	to {
		-webkit-transform: scale(24);
		opacity: 0;
	}
}