Анимация поля ввода Pulse

by fersterin

HTML

<form action=""><input type="text"></form>

CSS

@keyframes pulse {
	0% {
	box-shadow: 0 0 20px rgba(200, 50, 50, 0.2);
	}
	50% {
	box-shadow: 0 0 20px rgba(200, 50, 50, 0.9);
	}
	100% {
	box-shadow: 0 0 20px rgba(200, 50, 50, 0.2);
	}
}

form input[type="text"]:focus {
	animation: pulse 1.5s infinite ease-in-out;
}