Bela's profile picture

Published by

published
updated

Category: Web, HTML, Tech

scrolling images code

<marquee>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
    <img src="URLHERE" width="" height="200"/>
</marquee>

You can adjust the height of each image to fit evenly with the rest.
looks like this:

cat  For the walking animals, I went on giphy https://giphy.com/search/walking-animals-stickers and picked the ones I liked the most. If you find an image but they're walking the opposite way, like this:

you can add an ID to the image code:
<img id="girl" src="https://media.giphy.com/media/QoJybpZfy6VKqp2Swn/giphy.gif" width="" height="150"/>
and then add this code:
<style>
#girl{
    transform: scaleX(-1);
}
</style>
to make the image flip:


22 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Hamed M.

Hamed M.'s profile picture

Thank you! your new layout is amazing!.


Report Comment



Thanks! I appreciate it :)

by Bela; ; Report