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
m LordSkorne7 moved page Template:Glitch effect/styles.css to Template:Glitch Text Effect/styles.css without leaving a redirect
 
(26 intermediate revisions by one other user not shown)
Line 1: Line 1:
.glitch-effect {
.glitch-effect {
position: relative;
animation-duration: 0.025s;
animation-name: glitch;
animation-name: glitch;
animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-direction: alternate;
animation-timing-function: linear;
animation-timing-function: linear;
transform: none;
}
}


@keyframes glitch {
@keyframes glitch {
from {
from {
left: -1.25px;
transform: translate(-6px, -6px);
}
}


to {
to {
left: 1.25px;
transform: translate(6px, 6px);
}
}
}
}

Latest revision as of 22:03, March 30, 2025

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

@keyframes glitch {
	from {
		left: -1.25px;
	}

	to {
		left: 1.25px;
	}
}