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
Created page with ".glitch-effect { position: relative; animation-name: glitch; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear; } @keyframes glitch { from { top: 2px; left: 2px; } to { top: -2px; left: -2px; } }"
 
No edit summary
Line 9: Line 9:
@keyframes glitch {
@keyframes glitch {
from {
from {
top: 2px;
top: 2%;
left: 2px;
left: 2%;
}
}


to {
to {
top: -2px;
top: -2%;
left: -2px;
left: -2%;
}
}
}
}

Revision as of 07:47, March 8, 2025

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

@keyframes glitch {
	from {
		top: 2%;
		left: 2%;
	}

	to {
		top: -2%;
		left: -2%;
	}
}