EvodiaAut / vue-marquee-text-component

[CSS GPU Animation] Marquee Text for vuejs
https://evodiaaut.github.io/vue-marquee-text-component/
MIT License
470 stars 45 forks source link

How to set contant speed #19

Closed jariesdev closed 4 years ago

jariesdev commented 4 years ago

How to apply consistent speed regardless of content length?

EvodiaAut commented 4 years ago

Would that answer your question?

jariesdev commented 4 years ago

Sorry but no answer yet. We have a container which content text change every time. Setting to specic speed sometime make the marquee too slow or too fast so I need a way to make the speed consistent regardless of how long the data was.

EvodiaAut commented 4 years ago

In my link the content gets a fixed width and should solve the problem as the speed is now constant. Alternatively you can create an example?

jariesdev commented 4 years ago

Sorry for late response, bit busy lately but here is the example of what I mean.

https://jsfiddle.net/jariesdev/vuwxgrfn/

As you notice same configuration but different content. You can see that speed is not consistent both marquee.

EvodiaAut commented 4 years ago

Here is an example https://jsfiddle.net/0ufmqw2x The duration depends on the width, to make the width equal I set a div with the same width. (See my first answer)

jariesdev commented 4 years ago

Yes, this what i wanted except there should be no white space which "repeat" option suppose to do right?

On Wed, Sep 30, 2020, 7:53 PM EvodiaAut notifications@github.com wrote:

Here is an example https://jsfiddle.net/0ufmqw2x The duration depends on the width, to make the width equal I set a div with the same width. (See my first answer)

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/EvodiaAut/vue-marquee-text-component/issues/19#issuecomment-701341837, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEETTVRQCDUOUDE2NRCHKWLSIML4TANCNFSM4RQBIRNQ .

kinanson commented 4 years ago

I am set fixed width that will apply consistent speed. But too long word will be multi line.So this issue not realy resolve. Can help to add feature like as "consisten=true" ??

EvodiaAut commented 4 years ago

It is important to be sure that it is a pure CSS based solution. I do not want to use JS to calculate the width.

The width indicates the speed and can be adjusted with the property duration.