|
|
| 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"> |
| | | |