What is the replacement of <marquee> in html5? | Sololearn: Learn to code for FREE!

+18

What is the replacement of <marquee> in html5?

Just wondering what will be the easiest way to add a moving text in html5 except js coding? any suggestions??

12/5/2017 7:03:01 PM

inactive instagrammer

12 Answers

New Answer

+28

Use this CSS property as replacement of marquee transform: translate (x,y); Animate it using the keyword @keyframes

+13

Marquee was not replaced with any tags as it was pretty irritating. In HTML5, you are recommended to use CSS animations. CSS transitions and animations are a more appropriate mechanism. Here is an example https://code.sololearn.com/WdA8QcVCZXqz/?ref=app

+6

https://code.sololearn.com/WGfmcDL5NehI/?ref=app

+5

marquee was replaced in HTML5 by the SVG <text> Eg: <svg viewBox="0,0,300,100"> <text x="" y="50"> A moving text <animate attributeName="x" from="-100" to="400" dur="4s" repeatCount="indefinite"> </text> </svg>

+3

Yes you can make it with css animations by using keyframes.

+2

you'd better use css

+1

You can easily do it with CSS also. https://www.quackit.com/css/codes/marquees/

0

Unfortunately, the HTML5 data-marquee attribute doesn't like links instead, displaying the whole markUp... <div class="marquee marquee-speed-normal" data-marquee="Lorem ipsum <a href="#">dolor sit amet</a>, consectetur adipiscing elit."> </div> //Look at the top of the page above the navBar Live example: https://jimmydance.com/paymentsTest.html

0

use css, but I don't think you can call yourself a pro programmer without javascript!

0

This code program helped me

-2

Marquee is supported in HTML 5!!! Check my code: https://code.sololearn.com/WgeSLeKr1Nx5/?ref=app

-4

what is difference btween javascript and php ? is it important to learn j.s , if u r learning php with html and css ??