Efeito Hover Para Elementor Free Que Troca Imagem De Fundo [SEM PLUGINS ADICIONAIS]

[@RicardoIvanov]

.container-pai {
--text-position: -500px;
--heading-position: -50px;
--button-position: 0px;
}
.container-pai, .container-pai .container-filho p, .container-pai .container-filho a, .container-pai .container-filho h2 {
transition: .5s all ease-in-out;
}
.container-pai .container-filho p, .container-pai .container-filho a {
position: relative;
bottom: var(--text-position);
}
.container-pai .container-filho a {
transition: 0.5s all linear;
position: relative;
top: 500px;
}
.container-pai .container-filho:hover p, .container-pai .container-filho:hover a {
bottom: 0;
}
.container-pai .container-filho:hover a {
top: var(--button-position);
}
.container-pai .container-filho h2 {
position: relative;
bottom: var(--heading-position);
}
.container-pai .container-filho:hover h2 {
bottom: 0px;
}
var $ = jQuery;
var card1 = "url(url-da-imagem.jpg)";
var card2 = "url(url-da-imagem.jpg)";
$(document).ready(function() {

$('#card1').hover(function() {
$('#container-pai-id').css("background-image", card1)
}, function() {
$('#container-pai-id').css("background-image", "")
});

$('#card2').hover(function() {
$('#container-pai-id').css("background-image", card2)
}, function() {
$('#container-pai-id').css("background-image", "")
});

});

[@davi-mmr]

Esse efeito ai é muito bom! da para deixar os sites desenvolvidos ainda mais profissionais!!

[@depoimentossssssss]

Muito bom

[@francineisilva8601]

Show! bora crescer essa comunidade

[@lucasfigueredo280]

Muito bom irmão

[@LegadodeViajante]

Bem interessante este efeito! Obrigada por ensinar :)

[@veridianasilva2446]

Adorei... já vou usar!!!

[@patricia021267]

Cada vez mais eu me convenço que preciso que você dê um curso de CSS e Javascript. Pensa nisso.

[@RicardoIvanov]

Haha com ctz. Vai acontecer um dia, mas por enquanto estou sem agenda até para gravar aqui pro TH-cam. Mas um dia vai rolar! :)

[@petlifevideos7051]

show estava procurando isso e nao achei

[@RicardoIvanov]

Bem vindo! É só o começo, vamos fazer bem mais efeitos legais ;)

[@claudioivanov7220]

Só um detalhe irrelevante para a programação: "fritas" em inglês é "fries" e não fried... 😂😂😂 No mais, parabéns!!! Show!!

[@RicardoIvanov]

pode crer kkkk