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

Logo Scrolling Backgorund

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