bootleg spacehey dlc: timelapse gallery

what's another thing ppl want on spacehey?  photo galleries right??

well hold onto yr hats cause comes my PHOTO GALLERY EXPANSION PACK...

...with super dank TIME LAPSE FUNCTIONALITY!!

for timelapse gallery demonstration purposes, im using some old skool yahoo emotes (w/ some happy little trees in the background) but you can easily swap these out for your own background and ofc your own pix :3

to get started, just copy this code below and paste onto a new line anywhere between yr <style></style> tags

<!-- super fab time lapsey photo gallery thingy as made by a goat (http://spacehey.com/winning) -->

.goatgallery {
border:2px solid pink;
box-shadow:2px 1px limegreen;
width:200px;
height:200px;
background-color:black;
display: flex;
justify-content: center;
align-items: center;
}

.goatpix {
      
      width:100px;
      align-items: center;
      animation-name: goaty-timelapse;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-timing-function: step-end;
    }

@keyframes goaty-timelapse {
      0% {
        content: url('IMAGE1.JPG');
        transform: rotate(-6deg);
      }
      25% {
        content: url('IMAGE2.JPG');
        transform: rotate(6deg);
      }
      50% {
        content: url('IMAGE3.JPG');
        transform: rotate(10deg);
      }
      75% {
        content: url('IMAGE4.JPG');
        transform: rotate(-10deg);
      }
      100% {
        content: url('IMAGE5.JPG');
        transform: rotate(12deg);
      }
    }

then on the OUTSIDE of them same style tags:

obvs values such as width, height, color etc can be tweaked to yr liking

anyway pls enjoy your timelapse gallery!! :D

mwahhhh ily all xoxo