Marquee with CSS 3

Get Help
1

I use CSS 3 and HTML 5 for websites displayed in XIBO. For scrolling a longer text I use CSS 3 @keyframes and animations instructions.
In different browsers it works fine, but not in XIBO client (XIBO runs on an actual windows system).

How can I analyze the problem, fix ideally my problem?

Thanks for any ideas.

PS: I had a look at Marquee text up/down with a fixed image on ticker/dataset

2

In my case, Xibo runs css3 animations a bit slow.

My solution was to use js animations. I posted in this same topic the code
I’m using. Alternatively, you can use Jquery animations as well.

The code I have posted will automatically get the text size and scroll it
down. So it will scroll only the amount that is needed.

3

Thanks for Your answer!

I reimplemented the code with jQuery. Same effect: Works fine on my browsers, but not in XIBO.

But I see one problem: Opening the webpage first time, it doesn’t start automatically. Reload it starts. This effects is sometimes, not always. I think this is the problem - starting automatically scrolling my text, i.e. call the implemented function. Being able to start up, it will work - I think at this moment.

Any idea to call the function again?

4

I don’t use it on a web page, I use the code inside the ticker’s options,
right on html editor.