Marquee Gallery Code



<body><style> @import url(https://fonts.googleapis.com/css?family=Handlee|Macondo);
::-webkit-scrollbar { width:13px; } ::-webkit-scrollbar-track {background:#ff0; }
::-webkit-scrollbar-thumb { border-radius:2px;background:lightgreen; }

body {background:url("https://ueestatic.fullerton.edu/static/arbo/images/biomes/temperate.jpg");background-size:100% 100%;
background-repeat:no-repeat;overflow:auto;width:100%;height:100%;position:fixed; }


#MarqueeBox{
position: fixed; left: 0px; right: -800px; top: 0px; bottom: 0px; margin: auto;
width: 380px;
height: 590px;
padding: 10px 20 0 0;
border: 3px solid #FF0110;
background-color: #0174;
background-image: url("");
z-index: 5;   font-family:handlee; color:#050; font-size:44px;padding:-44px 0 0 0;
}

.Marquee {
 height: 482px;
 width: 400px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}

.MoveIt {
width: 400px;
height: 10000px;
position: absolute;
overflow-y:hidden;
top: 0;
left: 0;
-moz-animation: MoveIt 25s linear infinite;
-webkit-animation: MoveIt 25s linear infinite;
animation: MoveIt 10s linear infinite;
}

.MoveIt:hover {
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

@keyframes MoveIt {
0% {
 -moz-transform: translateY(515px);
 -webkit-transform: translateY(515px);
 transform: translateY(515px);
}
 100% {
 -moz-transform: translateY(-1280px);
 -webkit-transform: translateY(-1280px);
 transform: translateY(-1280px);
 }


</style>

<div id="marqueebox">
<b><center>Gallery</center></b>
<div class="Marquee">
<div class="MoveIt">
<center>
<img src="https://i.imgur.com/AyshZIr.jpg" style="width:90%;" alt="Gallery Picture"/><p>
<img src="https://i.imgur.com/5KhCwAJ.jpg" style="width:90%;" alt="Gallery Picture"/><p>
<img src="https://i.imgur.com/hUpA4rd.jpg" style="width:90%;" alt="Gallery Picture"/><p>
<img src="https://i.imgur.com/NVycFjK.png" style="width:90%;" alt="Gallery Picture"/><p>
<img src="https://i.imgur.com/5X7M5JS.jpg" style="width:90%;" alt="Gallery Picture"/><p>
<img src="https://i.imgur.com/2UBIvNO.jpg" style="width:90%;" alt="Gallery Picture"/><p>
<img src="https://i.imgur.com/xE8cdMi.jpg" style="width:90%;" alt="Gallery Picture"/><p>

</center></div></div>