MediaWiki:Main Page.css: Difference between revisions

From Official Gamemode 4 Wiki
Jump to navigation Jump to search
(Create CSS for MainPage)
 
No edit summary
Line 26: Line 26:
@keyframes credits {
@keyframes credits {
   0% {
   0% {
     margin-left: 0px;
     margin-left: 0;
  }
  }
  100% {
  100% {
Line 36: Line 36:
@-webkit-keyframes credits {
@-webkit-keyframes credits {
   0% {
   0% {
   margin-left: 0px;
   margin-left: 0;
   }
   }
100% {
100% {
Line 54: Line 54:
@-o-keyframes credits {
@-o-keyframes credits {
   0% {
   0% {
     margin-left: 0px;
     margin-left: 0;
  }
  }
  100% {
  100% {

Revision as of 14:38, 14 October 2022

/* CSS Sliding Image Gallery for Mediawiki
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]] from several CSS sites.
 */

.wrapper {
  position: absolute;
  top: 1%;
  width: 4000px;
-webkit-animation: 60s credits linear infinite;
-moz-animation: 60s credits linear infinite;
-ms-animation:60s credits linear infinite;
-o-animation: 60s credits linear infinite;
animation: 60s credits linear infinite;
}

.wrapper img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    cursor: pointer;
}
@keyframes credits {
  0% {
    margin-left: 0;
 }
 100% {
    margin-left: -4000px;
 }
 
}

@-webkit-keyframes credits {
  0% {
   margin-left: 0;
  }
100% {
    margin-left: -4000px;
  }

}
@-moz-keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -4000px;
 }
 
}
@-o-keyframes credits {
  0% {
    margin-left: 0;
 }
 100% {
    margin-left: -4000px;
 }
 
}

.wrapper:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    cursor: pointer;
}