Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Glitch Text Effect/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
Line 11: Line 11:
from {
from {
text-shadow: 2px 0 1px #f009;
text-shadow: 2px 0 1px #f009;
left: -2px;
left: -1.25px;
}
}


to {
to {
text-shadow: -2px 0 1px #f009;
text-shadow: -2px 0 1px #f009;
left: 2px;
left: 1.25px;
}
}
}
}

Revision as of 08:05, March 8, 2025

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

@keyframes glitch {
	from {
		text-shadow: 2px 0 1px #f009;
		left: -1.25px;
	}

	to {
		text-shadow: -2px 0 1px #f009;
		left: 1.25px;
	}
}