Full width scroll text continuously

[bootstrap007]

Hi All,

I have seen the below demo in CodePen that was created by @mikel . I am wondering that if possible to have width auto, instead of fixed width for each boxes? Also, If I will switch the Codepen mode to full screen then  the box items are getting disappear even before reaching to the right side corner. How can I make it disappear only after passing the right side corner? Lastly, possible to make the animation pause/stop on mouseover?

 

 

 

Thanks

See the Pen oNXoOBq by mikeK (@mikeK) on CodePen.

[mikel]

Hey @bootstrap007,

 

Here are two suggestions for your questions.
Try to adapt the logic to your needs.

 

See the Pen 9ce005bdad509ae1fed02cc107ad4421?editors=0010 by mikeK (@mikeK) on CodePen.

 

See the Pen VwjLVqW by mikeK (@mikeK) on CodePen.

 

Happy tweening ...

Mikel

[bootstrap007]

Thanks for the demos @mikel I can adapt few things from both and make it.

 

One last question on this topic.

How can I make the scrolling till the right side of the screen in the below codpen: Please check the attached screenshot where it is marked in red color is empty and the text scrolling gets disappear there.

 

See the Pen 9ce005bdad509ae1fed02cc107ad4421 by mikeK (@mikeK) on CodePen.

 

 

 

[mikel]

Hey @bootstrap007,

 

A simple solution: add a few boxes (duplicates).
Or use a mediaquery: bigger box, bigger typo.
Or use an alternative marquee concept.

 

Happy coding ...

Mikel

[bootstrap007]

Ah, Got it. Thanks mikel for the help and support?