JSFiddle - React, Tailwind, and code Playground

by Sanasol

HTML

<div class="Partners__copyright"></div>

CSS

.Partners__copyright:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -3px;
	margin-left: 7px;
	content: '';
	vertical-align: middle;
	background-image: url(https://brand.vkforms.ru/static/media/heart_16.d1b40d83.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.Partners__copyright:hover:after {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}