Gostaria de saber um javascript que mudava a background-position
de uma determinada div.
Estou tentando buscar a posiçao do background.
Gostaria de saber um javascript que mudava a background-position
de uma determinada div.
Estou tentando buscar a posiçao do background.
Use backgroundPosition
:
document.querySelector('div').style.backgroundPosition = '50% 50%';
div {
background: url(https://i.sstatic.net/c9dbY.jpg) no-repeat;
height: 200px;
width: 200px
}
<div></div>
Para mudar a posição do background de um ponto ao outro, não é necessário Javascript. Pode criar sua própria regra que altera a posição com @keyframes
e aplicar à uma propriedade animation
:
@keyframes minha-animacao {
from { background-position: 0 0 }
to { background-position: 100% 50% }
}
div {
animation: minha-animacao 4s linear forwards;
background: url(https://i.sstatic.net/c9dbY.jpg) no-repeat;
height: 300px;
width: 300px
}
<div></div>
animation