Logo Scrolling Backgorund

Mr_Joker · 04-07-2015, 11:08 PM

The background animation is done using CSS. These keyframes are defined in the CSS:

Code:
@-webkit-keyframes bgscroll {
     from {background-position: 0 0;}
     to {background-position: -1100px 0;}
 }
 
 @-moz-keyframes bgscroll {
     from {background-position: 0 0;}
     to {background-position: -1100px 0;}
 }
 
 @-ms-keyframes bgscroll {
     from {background-position: 0 0;}
     to {background-position: -1100px 0;}
 }
 
 @-o-keyframes bgscroll {
     from {background-position: 0 0;}
     to {background-position: -1100px 0;}
 }
 
 @keyframes bgscroll {
     from {background-position: 0 0;}
     to {background-position: -1100px 0;}
 }

Put those codes underneath global.css

Then add these codes...example #Header..

Code:
-moz-animation: bgscroll 70s infinite linear;
     -ms-animation: bgscroll 70s infinite linear;
     -o-animation: bgscroll 70s infinite linear;
     -webkit-animation: bgscroll 70s infinite linear;

If you have a header with background image then you may put those codes above and place it in your header css Tongue

It should then work!

If it doesn't ask for support I'll help you out Wink

This works for MyBB 1.6 & 1.8

Admin · 08-07-2015, 09:47 AM

It worked nicely on 1.8 and not only mybb it can be applied to many places

Thanks,

mrgmodman · 08-07-2015, 10:43 AM

Yeah this is cool bro.

Noppy · 31-05-2016, 08:29 PM

Is there any preview ?

kaito04 · 16-06-2016, 04:59 AM

I just tried this by now and its really amazing, I like this bro, Thanks for sharing with us.

22-06-2017, 12:30 PM

08-07-2015, 09:47 AM
Admin Wrote: It worked nicely on 1.8 and not only mybb it can be applied to many places

Thanks,

Logo Scrolling Backgorund

Submitted by Mr_Joker, 04-07-2015, 11:08 PM, Thread ID: 5646

RE: Logo Scrolling Backgorund

RE: Logo Scrolling Backgorund

RE: Logo Scrolling Backgorund

RE: Logo Scrolling Backgorund

RE: Logo Scrolling Backgorund