Welcome.css: Difference between revisions

Revision as of 20:22, 16 April 2023

.mw-redirectedfrom {

   display: none;

}

siteSub {

   display: none;

}

/* CSS Sliding Image Gallery for Mediawiki

* https://www.mediawiki.org/wiki/Snippets/Image_Slideshow_created_by_CSS
*/

.containerphoto{

  height: 500px;
  width: 500px;
 overflow:hidden;
 position:relative;

}

.photoslide{

 position:absolute;
 animation:round 20s infinite;
 opacity:0;

} @keyframes round{

 25%{opacity:1;}
 40%{opacity:0;}

}

img:nth-child(5){animation-delay:0s;} img:nth-child(4){animation-delay:4s;} img:nth-child(3){animation-delay:8s;} img:nth-child(2){animation-delay:12s;} img:nth-child(1){animation-delay:16s;} }

@@ Line 10: / Line 10: @@
 /* CSS Sliding Image Gallery for Mediawiki
-  *
+  * https://www.mediawiki.org/wiki/Snippets/Image_Slideshow_created_by_CSS
- * @author: Unknown
- * current version crafted together by [[User:Christharp]] from several CSS sites.
   */
-.wrapper {
-  position: absolute;
+.containerphoto{
-  top: 1%;
+   height: 500px;
-   width: 4000px;
+   width: 500px;
-   animation: 60s credits linear infinite;
+   overflow:hidden;
+   position:relative;
 }
-.wrapper img:hover {
+.photoslide{
-    transform: scale(1.4);
+  position:absolute;
-    cursor: pointer;
+  animation:round 20s infinite;
+  opacity:0;
 }
-@keyframes credits {
+@keyframes round{
-% {
+%{opacity:1;}
-    margin-left: 0px;
+%{opacity:0;}
- }
+}
-% {
-    margin-left: -4000px;
- }
-}
-.wrapper:hover{
+img:nth-child(5){animation-delay:0s;}
-    animation-play-state: paused;
+img:nth-child(4){animation-delay:4s;}
-    cursor: pointer;
+img:nth-child(3){animation-delay:8s;}
+img:nth-child(2){animation-delay:12s;}
+img:nth-child(1){animation-delay:16s;}
 }