XF 1.5 How to make an animation on my header?

[Reaks Lobby]

Hello, I liked how to do animation on my header ?

Image of my desire: https://gyazo.com/4f0bab19de34b75dd0582b95e5570a22

Best regard

 

[Reaks Lobby]

@Brogan , @Mike ?
Help me or not ?

 

[whynot]

@Brogan , @Mike ?
Help me or not ?

Please be patient. you opened this thread 43 minutes ago.

 

[Reaks Lobby]

Please be patient. you opened this thread 43 minutes ago.

Yes :'(

 

[Kintaro]

Maybe that header is simply a gif?

Take a look here:
https://xenforo.com/community/threads/header-for-xenforo-website.94842/#post-912310

 

[Dylan V]

Add this in EXTRA.css:

#logoBlock
{
    animation: bannerAnimate 150s infinite linear;
    -webkit-animation: bannerAnimate 150s infinite linear;
    -moz-animation: bannerAnimate 150s infinite linear;
    -o-animation: bannerAnimate 150s infinite linear;
}

@keyframes bannerAnimate
{
    from
    {
        background-position: 0;
    }
   
    to
    {
        background-position: -1980px;
    }
}

@-webkit-keyframes bannerAnimate
{
    from
    {
        background-position: 0;
    }
   
    to
    {
        background-position: -1980px;
    }
}

@-moz-keyframes bannerAnimate
{
    from
    {
        background-position: 0;
    }
   
    to
    {
        background-position: -1980px;
    }
}

@-o-keyframes bannerAnimate
{
    from
    {
        background-position: 0;
    }
   
    to
    {
        background-position: -1980px;
    }
}

Change the 1980 with the resolution of your image.