Neronic's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Codes for Moving Text!

Hi, hello! I've found myself some neat codes for moving text while surfing the web
and decided to share the goodies with you lovely people :>
I also went ahead and tested these codes in a Spacehey CSS Preview website and I can confirm that they work (for me at least).

The codes were found on the website HTML.am for those who are curious.
==================================================

Scrolling Text:

Right to Left-
<marquee behavior="scroll" direction="left">(Text goes here.)</marquee>

Left to Right-
<marquee behavior="scroll" direction="right">(Text goes here.)</marquee>

Scrolling Up-
<marquee behavior="scroll" direction="up">(Text goes here.)</marquee>

Scrolling Down-
<marquee behavior="scroll" direction="down">(Text goes here.)</marquee>

-----
To change the text speed, place "scrollamount=(whatever number)" into the code, right after "direction=left/right/up/down".
EXAMPLES:
<marquee behavior="scroll" direction="left" scrollamount="5">The text is now faster!</marquee>
<marquee behavior="scroll" direction="left" scrollamount="1">The text is now slower!</marquee>

-----
Slide-in Text:

Left-
<marquee behavior="slide" direction="left">(Text goes here.)</marquee>

Right-
<marquee behavior="slide" direction="right">(Text goes here.)</marquee>
[This can go both up and down as well!]

-----
Bouncing Text:

<marquee behavior="alternate">(Text goes here.)</marquee>


69 Kudos

Comments

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