Template:Glitch/style.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with ".glitch { animation: distort-subtle 5s infinite; animation-name: distort-subtle; animation-duration: 5s; animation-timing-function: ease; animation-delay: 0s; anim...") |
(Betsumei changed the content model of the page Template:Glitch/style.css from "wikitext" to "CSS") Tag: content model change |
(No difference)
| |
Latest revision as of 01:29, 29 August 2021
.glitch {
animation: distort-subtle 5s infinite;
animation-name: distort-subtle;
animation-duration: 5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes distort-subtle {
25% {
text-shadow: none;
}
26% {
text-shadow: 2px -1px #ff0000, -2px 3px #00ffff;
}
27% {
text-shadow: -2px -3px #ff0000, 2px 1px #00ffff;
}
28% {
text-shadow: 2px 1px #ff0000, -4px 1px #00ffff;
}
29% {
text-shadow: -4px 1px #ff0000, -2px -1px #00ffff;
}
30% {
text-shadow: none;
}
75% {
text-shadow: none;
}
76% {
text-shadow: -4px 1px #ff0000, -2px -1px #00ffff;
}
77% {
text-shadow: -2px -3px #ff0000, 2px 1px #00ffff;
}
78% {
text-shadow: 2px -1px #ff0000, -2px 3px #00ffff;
}
79% {
text-shadow: 2px 1px #ff0000, -4px 1px #00ffff;
}
80% {
text-shadow: none;
}
}