Template:Glitch/style.css: Difference between revisions

From FBSA Wiki
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;
  }
}