# Marquee with CSS 3

**URL:** https://community.xibo.org.uk/t/marquee-with-css-3/7340
**Category:** Get Help
**Created:** [October 1, 2016, 6:48am UTC](https://community.xibo.org.uk/t/marquee-with-css-3/7340 "2016-10-01T06:48:57Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![MarcOnRails](https://community.xibo.org.uk/letter_avatar_proxy/v4/letter/m/f9ae1b/32.png) [@MarcOnRails](https://community.xibo.org.uk/u/MarcOnRails)
#### Post date: [October 1, 2016, 6:48am UTC](https://community.xibo.org.uk/t/marquee-with-css-3/7340/1 "2016-10-01T06:48:57Z")

</div>

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](https://community.xibo.org.uk/t/marquee-text-up-down-with-a-fixed-image-on-ticker-dataset/4412)

---

<div class="post-metadata">

### Author: ![ilges](https://community.xibo.org.uk/letter_avatar_proxy/v4/letter/i/ad7895/32.png) [@ilges](https://community.xibo.org.uk/u/ilges)
#### Post date: [October 1, 2016, 9:17am UTC](https://community.xibo.org.uk/t/marquee-with-css-3/7340/2 "2016-10-01T09:17:25Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![MarcOnRails](https://community.xibo.org.uk/letter_avatar_proxy/v4/letter/m/f9ae1b/32.png) [@MarcOnRails](https://community.xibo.org.uk/u/MarcOnRails)
#### Post date: [October 1, 2016, 5:41pm UTC](https://community.xibo.org.uk/t/marquee-with-css-3/7340/3 "2016-10-01T17:41:53Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![ilges](https://community.xibo.org.uk/letter_avatar_proxy/v4/letter/i/ad7895/32.png) [@ilges](https://community.xibo.org.uk/u/ilges)
#### Post date: [October 3, 2016, 1:15pm UTC](https://community.xibo.org.uk/t/marquee-with-css-3/7340/4 "2016-10-03T13:15:40Z")

</div>

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

---

<div class="post-metadata">

### Author: ![system](https://community.xibo.org.uk/uploads/default/original/2X/a/a8759c2d8cc561474733895ac75beeb830f5d8ca.png) [@system](https://community.xibo.org.uk/u/system)
#### Post date: [March 4, 2020, 5:05pm UTC](https://community.xibo.org.uk/t/marquee-with-css-3/7340/5 "2020-03-04T17:05:57Z")

</div>


