Template:Glitch/style.css

From FBSA Wiki
< Template:Glitch
Revision as of 03:42, 25 July 2021 by Betsumei (talk | contribs) (Created page with ".glitch { animation: distort-subtle 5s infinite; animation-name: distort-subtle; animation-duration: 5s; animation-timing-function: ease; animation-delay: 0s; anim...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

.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;
 }

}