Test Page 001: Difference between revisions
Jump to navigation
Jump to search
Michael Eh? (talk | contribs) m →test 2 |
Michael Eh? (talk | contribs) m →test 2 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. */
- 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;
}
}
