Welcome to the Dead Internet Project

Move Gif
CSS / HTML

A simple script that moves a GIF image around the screen.

Go Back

<style>
#img-move {
    position: absolute;
    top: 100px;
    right: -200px;
    width: 250px;
    animation: moveAcrossScreen 10s linear infinite, waveEffect 2s ease-in-out infinite;
}
@keyframes moveAcrossScreen {
    0% {
        right: -200px;
    }
    100% {
        right: 100vw;
    }
}
@keyframes waveEffect {
    0%, 100% {
        top: 100px;
    }
    50% {
        top: 200px;
    }
}
</style>

<img id="img-move" src="imgname.jpg" alt="Movable Image">
						

---

© Copyright Dead Internet Online. All Rights Reserved.

↑ Top