Test Page 001: Difference between revisions

From Anime London Wiki
Jump to navigation Jump to search
Tag: Reverted
Line 21: Line 21:
</div></div>
</div></div>
=test 2=
=test 2=
/* CSS Sliding Image Gallery for Mediawiki
*
* @author: Unknown
* current version crafted together by [[User:Christharp]] from several CSS sites.
*/
#slidingphotocontainer {
    width: 1000px;
    overflow: hidden;
    margin: 10px auto;
    background: white;
}
.photobanner {
    height: 233px;
    width: 3550px;
    margin-bottom: 10px;
}
.photobanner img {;
    height: 233px;
    width: 350px;
    transition: all 0.5s ease;
}
.photobanner img:hover {
    transform: scale(1.4);
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
/*keyframe animations*/
.first {
    animation: bannermove 30s linear infinite;
}
@keyframes "bannermove" {
0% {
    margin-left: 0px;
}
100% {
    margin-left: -2125px;
}
}
<div id="slidingphotocontainer">
<div id="slidingphotocontainer">
    
    

Revision as of 01:22, 14 April 2023

Test 1

test 2

/* CSS Sliding Image Gallery for Mediawiki

* 
* @author: Unknown
* current version crafted together by User:Christharp from several CSS sites.
*/
  1. slidingphotocontainer {
   width: 1000px;
   overflow: hidden;
   margin: 10px auto;
   background: white;

}

.photobanner {

   height: 233px;
   width: 3550px;
   margin-bottom: 10px;

}

.photobanner img {;

    height: 233px;
   width: 350px;
   transition: all 0.5s ease;

}

.photobanner img:hover {

   transform: scale(1.4);
   cursor: pointer;
   box-shadow: 0 3px 5px rgba(0,0,0,0.2);

} /*keyframe animations*/ .first {

   animation: bannermove 30s linear infinite;

}

@keyframes "bannermove" {

0% {
   margin-left: 0px;
}
100% {
   margin-left: -2125px;
}

}


<img class="first" src="http://www.animelondon.org/wiki/images/d/d5/Mashle.jpg"> Image:Mashle.jpg Image:TengokuDaimakyou.jpg Image:IsekaiCheatSkill.jpg Image:Jigokuraku.jpg Image:AnkokuHeishi.jpg Image:BenriyaIsekai.jpg Image:IsekaiNonbiriNouka.jpg Image:KamiHiro2.jpg