Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kramer

Background com marquee

Por , em Desenvolvimento frontend

Recommended Posts

reebr    94

reebr
Postado

Nope, eles fizeram com animation :lol:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations

 

Nesse caso, basta mudar a posição do background de um lado pro outro:

@keyframes animacao {
    from { background-position: top left  }
    to   { background-position: top right }    
}

@-webkit-keyframes animacao {
    from { background-position: top left  }
    to   { background-position: top right } 
}

Exemplo

Compartilhar este post

Link para o post
Compartilhar em outros sites

reebr    94

reebr
Postado

Não precisa instalar, é CSS.

Basta colocar essa regra dentro da tag <style> ou criar um arquivo css à parte e "linkar" na sua página.

<!doctype html>
<html>
    <head>
    <style>
        @keyframes animacao {
            from { background-position: top left  }
            to   { background-position: top right }    
        }

        @-webkit-keyframes animacao {
            from { background-position: top left  }
            to   { background-position: top right } 
        }

        body {
            background: url('https://otpokemon.com/images/img/bg_icons.png') no-repeat;
            background-color: #C0DEED;
            -webkit-animation: animacao 40s linear infinite;
                    animation: animacao 40s linear infinite;
        }
    </style>
    </head>
    <body></body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito