Moving text CSS

[panteley]

Hi guys,

My knowledge in CSS is limited, so I'm here to ask for some kind person to help me with creating a line of moving text (right to left), and the idea is the line always to be filled with text, and with infinite animation.

(At the moment I'm using only marquee tag on Html,)

[arminunruh]

does the marquee tag not work well enough?

[panteley]

It's working to a point, but actually I would like the 'line' to appear filled with text when the page loads, not to wait couple of seconds for it to come from one side to the other,

What I want to archive is more or less something like this:

https://twotwo.webflow.io/

Thanks

[arminunruh]

oh yea

how about u use some html and css to do this. like here:
https://codepen.io/jamesbarnett/pen/kQebQO

in the gridder: +more -> +html

and then in lay options -> custom css & html

[panteley]

@arminunruh

Perfect! Thank you a lot,

the only small thing is that when the window browser is resized, some words get hidden

'AVAILABLE FOR BOOKING'

Thanks again,

[arminunruh]

:D
you need to set the width of the texts to a fixed pixel width instead of to 50%

[mandax]

Hi, I have the same question, and don't understand exactly how you fixed it, can you share with me the way you did it? Thanks

[arminunruh]

hey mandax can you explain more, what is the problem?
can you show me how it currently looks and how you want it to be?
do u have a link