jimthoburn/pulse.html

## pulse.html
<!doctype html>
<html lang="en" dir="ltr">
<head>
	<meta charset="utf-8" />
	<title></title>
	<style>
		@keyframes pulse {
			100% {
				box-shadow: 0 0 0.25em rgba(77, 85, 148, 1);
			}
		}

		.pulse {
			display: block;
			width: 10px;
			height: 10px;
			background-color: rgb(77, 85, 148);
			border-radius: 50%;
			box-shadow: 0 0 0.25em rgba(77, 85, 148, 0);
			animation-name: pulse;
			animation-duration: 0.6s;
			animation-direction: alternate-reverse;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			animation-fill-mode: both;
		}
	</style>
</head>
<body>

	<div class="pulse"></div>

</body>
</html>
	<!doctype html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8" />
	<title></title>
	<style>
	@keyframes pulse {
	100% {
	box-shadow: 0 0 0.25em rgba(77, 85, 148, 1);
	}
	}

	.pulse {
	display: block;
	width: 10px;
	height: 10px;
	background-color: rgb(77, 85, 148);
	border-radius: 50%;
	box-shadow: 0 0 0.25em rgba(77, 85, 148, 0);
	animation-name: pulse;
	animation-duration: 0.6s;
	animation-direction: alternate-reverse;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: both;
	}
	</style>
	</head>
	<body>

	<div class="pulse"></div>

	</body>
	</html>