+ 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??

5th Dec 2017, 7:03 PM
inactive instagrammer
inactive instagrammer - avatar
12 Answers
+ 28
Use this CSS property as replacement of marquee transform: translate (x,y); Animate it using the keyword @keyframes
5th Dec 2017, 8:43 PM
Ranjan Bagri
Ranjan Bagri - avatar
+ 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
5th Dec 2017, 9:32 PM
Qwqwq Rt
Qwqwq Rt - avatar
+ 6
https://code.sololearn.com/WGfmcDL5NehI/?ref=app
5th Dec 2017, 9:31 PM
Calviղ
Calviղ - avatar
+ 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>
6th Dec 2017, 11:17 PM
Nomeh Uchenna Gabriel
Nomeh Uchenna Gabriel - avatar
+ 3
Yes you can make it with css animations by using keyframes.
6th Dec 2017, 4:22 PM
Vansh
Vansh - avatar
+ 2
you'd better use css
6th Dec 2017, 2:20 PM
Morisset Kesner
Morisset Kesner - avatar
+ 1
You can easily do it with CSS also. https://www.quackit.com/css/codes/marquees/
5th Dec 2017, 7:58 PM
AgentSmith
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
10th Jul 2018, 5:54 AM
Jimmy Hellas
Jimmy Hellas - avatar
0
use css, but I don't think you can call yourself a pro programmer without javascript!
23rd Oct 2018, 3:09 PM
Ukah Chimdindu
Ukah Chimdindu - avatar
0
This code program helped me
12th Aug 2019, 2:38 PM
Sukru Meher
Sukru Meher - avatar
- 2
Marquee is supported in HTML 5!!! Check my code: https://code.sololearn.com/WgeSLeKr1Nx5/?ref=app
7th Dec 2017, 11:41 AM
#RahulVerma
#RahulVerma - avatar
- 4
what is difference btween javascript and php ? is it important to learn j.s , if u r learning php with html and css ??
6th Dec 2017, 9:00 PM
hassan