@smkit/ui/dist/tooltip/animations.css

UI Kit of SberMarketing

.gelatine-in {
	animation: gelatine 0.6s normal;
}

.fade-in {
	animation: fadeIn 0.2s ease-in-out;
}

.fade-out {
	animation: fadeOut 0.2s forwards;
}

.blur-in {
	animation: blurIn 0.2s ease-in-out;
}

.blur-out {
	animation: blurOut 0.2s forwards;
}

@keyframes gelatine {
	0% {
		transform: scale(1, 1);
		opacity: 0;
	}
	15% {
		transform: scale(0.7, 1.3);
		opacity: 1;
	}
	25% {
		transform: scale(0.9, 1.1);
		opacity: 1;
	}
	50% {
		transform: scale(1.1, 0.9);
		opacity: 1;
	}
	75% {
		transform: scale(0.95, 1.05);
		opacity: 1;
	}
	100% {
		transform: scale(1, 1);
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes blurIn {
	from {
		opacity: 0;
		filter: blur(10px);
	}
	to {
		opacity: 1;
		filter: blur(0);
	}
}

@keyframes blurOut {
	from {
		opacity: 1;
		filter: blur(0);
	}
	to {
		opacity: 0;
		filter: blur(10px);
	}
}