User:Mousewithcheese6390285/common.css

/* Import */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UserAnimations.css&only=styles"; /* Import Fonts */ @import url('https://fonts.cdnfonts.com/css/gotham'); /* Gotham */ @import url('https://fonts.cdnfonts.com/css/source-sans-pro'); /* Source Sans */ @import url('https://fonts.googleapis.com/css?family=Merriweather'); /* Merriweather */ @import url('https://fonts.cdnfonts.com/css/comic-neue-angular'); /* Comic Neue Angular aka Cartoon */ @import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap'); /* Fredoka One */ @import url('https://fonts.cdnfonts.com/css/bangers'); /* Bangers */ @import url('https://fonts.cdnfonts.com/css/creepster'); /* Creepster */ @import url('https://fonts.cdnfonts.com/css/fondamento'); /* Fondamento */ @import url('https://fonts.cdnfonts.com/css/roboto'); /* Roboto */ @import url('https://fonts.cdnfonts.com/css/michroma'); /* Michroma */ /* Username Color */ a[href$=":Mousewithcheese6390285"], a[href$="/Mousewithcheese6390285"] { animation-name:flicker; animation-duration: 1.3s; animation-delay:0s; animation-iteration-count: infinite; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; -webkit-text-stroke:0px #000000; font-family: Gotham; font-weight: bold; } .flicker { -webkit-animation: text-flicker-in-glow 2s linear both; animation: text-flicker-in-glow 2s linear both; } @keyframes flicker { 0% {background: linear-gradient(18deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#00ffff); } 5% {background: linear-gradient(36deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#00ffff); } 10% {background: linear-gradient(54deg,#00ffff,#00ffff,#000000,#000000,#000000,#000000,#00ffff,#00ffff); } 15% {background: linear-gradient(72deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } 20% {background: linear-gradient(90deg,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000); } 25% {background: linear-gradient(108deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } 30% {background: linear-gradient(126deg,#00ffff,#00ffff,#000000,#000000,#000000,#000000,#00ffff,#00ffff); } 35% {background: linear-gradient(144deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#00ffff); } 40% {background: linear-gradient(162deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#000000,#00ffff); } 45% {background: linear-gradient(180deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } 50% {background: linear-gradient(198deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#00ffff); } 55% {background: linear-gradient(216deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#000000); } 60% {background: linear-gradient(234deg,#00ffff,#00ffff,#000000,#000000,#000000,#000000,#00ffff,#00ffff); } 65% {background: linear-gradient(252deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } 70% {background: linear-gradient(270deg,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000); } 75% {background: linear-gradient(288deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } 80% {background: linear-gradient(306deg,#00ffff,#00ffff,#000000,#000000,#000000,#000000,#00ffff,#00ffff); } 85% {background: linear-gradient(324deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#00ffff); } 90% {background: linear-gradient(342deg,#00ffff,#00ffff,#00ffff,#000000,#000000,#00ffff,#00ffff,#00ffff); } 95% {background: linear-gradient(360deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } 100% {background: linear-gradient(360deg,#00ffff,#000000,#000000,#000000,#000000,#000000,#000000,#00ffff); } } body { margin: 0; padding: 0; backgroud: #000; }

h1{ position: absolute; background: linear-gradient(90deg, #00ffff, #000000, #00ffff, #000000, #00ffff, #000000, #00ffff ); background-size: 400%; font-size: 70px; font-family: sans-serif; letter-spacing: 5px; font-weight: 600; word-spacing: 5px; -webkit-text-fill-color: transparent; -webkit-background-clip: text; animation: animate 10s linear infinite; } @keyframes animate{ 0%{		background-position: 0%; }	100%{		background-position: 1000%; } }