MediaWiki:Wikia.css/Animations.css

position:relative; z-index:9999999999999999999; /* Chrome, Safari, Opera */ -webkit-animation-name:myfirst; -webkit-animation-duration:5s; -webkit-animation-timing-function:linear; -webkit-animation-delay:2s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate; -webkit-animation-play-state:running; /* Standard syntax */ animation-name:myfirst; animation-duration:5s; animation-timing-function:linear; animation-delay:2s; animation-iteration-count:infinite; animation-direction:alternate; animation-play-state:running; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { 0%  {background:#3d8bae; left:0px; top:0px;} 25% {background:#085578; left:0px; top:50px;} 50% {background:#085578; left:0px; top:100px;} 75% {background:#085578; left:0px; top:50px;} 100% {background:#003249; left:0px; top:0px;} } /* Standard syntax */ @keyframes myfirst { 0%  {background:#3d8bae; left:0px; top:0px;} 25% {background:#085578; left:0px; top:50px;} 50% {background:#085578; left:0px; top:100px;} 75% {background:#085578; left:0px; top:50px;} 100% {background:#003249; left:0px; top:0px;} } .your-class { position:relative; /* Chrome, Safari, Opera */ -webkit-animation-name:lumoshi; -webkit-animation-duration:5s; -webkit-animation-timing-function:linear; -webkit-animation-delay:2s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate; -webkit-animation-play-state:running; /* Standard syntax */ animation-name:myfirst; animation-duration:5s; animation-timing-function:linear; animation-delay:2s; animation-iteration-count:infinite; animation-direction:alternate; animation-play-state:running; } /* Chrome, Safari, Opera */ @-webkit-keyframes lumoshi { 0%  {background:red; left:0px; top:0px;} 33% {background:blue; left:0px; top:200px;} 34% {background:red; left:0px; top:100px;} 36% {background:blue; left:0px; top:500px;} 100% {background:red; left:0px; top:0px;} /* Standard syntax */ @keyframes lumoshi { 0%  {background:red; left:0px; top:0px;} 33% {background:blue; left:0px; top:200px;} 34% {background:red; left:0px; top:100px;} 36% {background:blue; left:0px; top:500px;} 100% {background:red; left:0px; top:0px;} }