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


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


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


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




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>


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


you'd better use css


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


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


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


This code program helped me


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


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