Template:Glitch Text Effect/styles.css
Template page
More actions
.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;
}
}