Template:Glitch Text Effect/styles.css

.glitch-effect {
	position: relative;
	animation-duration: 4s;
	animation-name: glitch;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes glitch {
	from {
		top: -6px;
		left: -6px;
	}

	25% {
		top: -6px;
		left: 0;
	}

	50% {
		top: 0;
		left: 6px;
	}

	75% {
		top: 0;
		left: -6px;
	}

	to {
		top: 6px;
		left: 6px;
	}
}