HTML

Marquee

The <marquee> tag was used to create scrolling or moving text and images on a web page. The content could move horizontally or vertically across the screen.

 

	<marquee direction="">
        This is a moving text
    </marquee>
     <!-- direction="right" - move from left to right  -->
    <marquee  direction="right">
        <h1>This is moving from left to right</h1>
    </marquee>
    <!-- direction="up" - moving from bottom to top -->
    <marquee  direction="up">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit sint omnis neque sed culpa quam sapiente nihil aut, est ipsum ab dolorum dolorem, cupiditate vitae, rem exercitationem aspernatur delectus modi.
    </marquee>
    <!-- direction="down" - moving from top to bottom -->
    <marquee  direction="down">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit sint omnis neque sed culpa quam sapiente nihil aut, est ipsum ab dolorum dolorem, cupiditate vitae, rem exercitationem aspernatur delectus modi.
    </marquee>

behavior Attribute in <marquee>

The behavior attribute specifies how the content moves inside the <marquee> element. It supports the following values:

1. scroll — Default Behavior

The content continuously scrolls in the specified direction and reappears from the opposite side.

<marquee behavior="scroll" direction="left">
    Welcome to Web Development
</marquee>

   2. slide

The content moves in the specified direction and stops when it reaches the edge of the marquee area.

<marquee behavior="slide" direction="left">
    Welcome to Web Development
</marquee>

3. alternate

<marquee behavior="alternate">
    Welcome to Web Development
</marquee>

 

Note: The <marquee> element is obsolete in HTML5. Modern websites generally use CSS animations to create scrolling effects.

Interactive Sandbox
HTML/CSS/JS