Olá, estou tentando fazer em Javascript uma função que dê um zoom
bem lento na minha imagem, ou seja, aumentando meu background-size
lentamente, para dar impressão de movimento na imagem.
Tentei fazer essa função, mas ao rodar o site, fiquei sem nenhum sucesso.
function zoomLento(){
var imagem = document.getElementById("imagem");
for (var i = 100; i <= 200; i++){
setTimeout(function(){
imagem.style.backgroundSize = i;
}, 10 * (i / 10))
}
}
this.is(":hover") = this.style.scale(2);
e no css da umtransition:scale Ns ease-in-out;
(apenas usando hover como exemplo, tu pode usar tranquilamente outros atributos/propriedades/funções nativas)