Pure CSS Infinite News Ticker Scrolling Animation Effects

Please LIKE our Facebook page for daily updates...

Music Credit
Track: Tobu - Roots [NCS Release]
Music provided by NoCopyrightSounds.

[patricksantos]

damn, i was trying to do this with javascript for so long and it was becoming more and more complex. thank you so much for this solution.

[peternicholson]

Legend. Just replaced a load of uneccessary javascript tickers. Just the ticket ;)

[mdhasibhasan]

I think you are the deserving king of css

[시원한라떼-hp]

I made it ! but, there is empty space when that animation works, how I can remove the space ??

[namtong]

Thanks for the tutorial. Followed the code but why unable to keep the animation loop?

[kuldeepkaushik]

can you provide code so we can copy paste and try

[santoshikumari]

Good but u could have used transform: translateY(90deg) for marquee And yes it does work

[appreciate-the-vue]

For mobile you can use fit-content for the width of the line, instead of 100%, truste me, this'll help ahhaahaha

[aleksejsaleksejevs]

please ! provide the code for copy-paste ...

[random]

is it possible to change the direction of the text from left to right instead of right to left?

[farid]

Super helpful, but you're zoomed too far in to the editor, making it difficult to follow along.

[MichaelenMilou]

Beautiful ! What software do you use to record the effects?

[ckinno]

I copied this step by step TWICE and to no avail, the code didn't work in squarespace. Is there any chance you could help? I'm not sure why it will not work for me.

[Sunnyside--Up]

Wow.. great stuff! Just a bit too fast.

[RAOUSMAN-pwzn]

Bhi app web background time by time changed ho us pe kush bano

[stevenbudovski]

Is there a way to do this with html only?

[TutorialsHub]

This design is nice. But why don't you used marquee tag? Using this tag it may reduce some line of CSS.