7 Melhores plug-ins de efeitos de Hover de imagem de elementador comparados

Seis estilos de efeito de pairar de imagem em uma grade

Principais conclusões

  • Um plugin de efeitos de hover de imagem Elementor adiciona o que falta ao widget de imagem integrado: um título e uma descrição que animam a imagem quando um visitante paira.
  • As sete opções comparadas são Master Addons, Image Hover Effects Elementor Addon, HappyAddons, ElementsKit, Unlimited Elements, Premium Addons e Advanced Image Hover Effect for Elementor.
  • Image Hover Effects Elementor Addon by Blocksera lista mais de 40 efeitos e 40.000 instalações ativas no WordPress.org, o que o torna a opção de propósito único mais instalada.
  • O widget Master Addons Image Hover Effects possui 30 efeitos nomeados, 22 dos quais precisam do Master Addons Pro, e pode abrir um link ou pop-up ao clicar.
  • O próprio widget Image da Elementor cobre opacidade, filtros CSS e uma predefinição Hover Animation no hover, portanto, um plugin só é necessário para sobreposições de texto e ações de clique.

Vale a pena instalar um plugin de efeitos de hover de imagem Elementor quando você deseja que o texto apareça sobre uma imagem no hover Elementor pode desbotar, matizar e crescer uma imagem por si só, e não tem configuração para texto no topo As sete opções abaixo todas adicionam uma sobreposição com um título e descrição, e diferem em quantos efeitos eles oferecem, o que um clique pode fazer e se eles vêm sozinhos ou dentro de um addon maior.

Um dos sete, Efeitos de Hover de Imagem em Complementos Mestres, é nosso. Fatos sobre os outros vêm de suas listagens WordPress.org e páginas de fornecedores, lidas em 7 de outubro de 2026.

O que o Elementor faz ao passar o mouse sem um plugin

O widget Imagem da Elementor tem uma guia Hover no painel Estilo com Opacidade, Filtros CSS, Duração de Transição e Animação Hover Que cobre escala de cinza para cor, desfoque, mudanças de brilho e um movimento Grow ou Pulse.

Elementor Widget de imagem em escala de cinza antes de passar o mouse e em cores ao passar o mouse, construído com filtros CSS e sem plugin
Um hover de tons de cinza para cores construído com os próprios filtros CSS da Elementor.

O que não pode fazer é colocar texto na imagem A legenda fica embaixo, e nada anima em Se os controles embutidos são suficientes para você, nosso guia para adicionando efeitos de hover de imagem no Elementor mostra as configurações Se você precisar da sobreposição, continue lendo.

Plugins de efeitos de passagem de imagem do elementor comparados

Contagens de efeitos, instalações e planos são retirados da listagem do próprio fornecedor. “Não declarado” significa que a página que lemos não diz.

OpçãoTipoEfeitos declaradosTexto sobre imagemInstalações ativas do plugin
Complementos mestres, efeitos de pairar imagensWidget em um addon30Título e descrição30.000+
Addon Elementor de Efeitos de Imagem Hover (Blocksera)Plugin de propósito único40+Título e descrição40.000+
HappyAddons, efeito de pairar de imagemWidget em um addon21Sim400.000+
ElementsKit, efeito de pairar de imagemWidget em um addonNão declaradoSim1.000.000+
Elementos Ilimitados, Efeitos iHoverWidget em um addonNão declaradoTítulo e descrição300.000+
Complementos Premium, BannerWidget em um addon6 estilos de banner mais 5 efeitos de hoverSim600.000+
Efeito avançado de imagem Hover para ElementorPlugin de propósito únicoNão declaradoDisposição da caixa com texto1.000+

Instalar contagens são para todo o plugin Para os grandes addons, a maioria desses sites usam outros widgets, então a coluna mostra o quão amplamente o plugin é usado e diz pouco sobre o widget hover em si.

Os 7 plugins e widgets

A ordem não é um ranking Cada entrada diz o que a opção faz bem e quem combina.

1. Master complementa efeitos de imagem Hover

Nosso widget tem 30 efeitos de hover, cada um com um nome: Lily, Sadie, Roxy, Bubba e assim por diante Você escolhe um do dropdown Hover Effect, adiciona um título e descrição e estiliza cada camada de texto separadamente Seis dos efeitos também mostram ícones sociais.

Seis efeitos de pairar de imagem Master Addons em seu estado de pairar: Lily, Bubba, Layla, Honey, Marley e Chico
Seis dos 30 efeitos no hover.

Um clique não pode fazer nada, seguir um link ou, com o Pro, abrir um popup que contém texto, uma imagem ou um modelo Elementor salvoOito efeitos funcionam sem o Pro e 22 precisam dele O widget não troca para uma segunda imagem no hover Esse trabalho pertence ao separado Widget de imagem avançado.

Abaixe o efeito Hover no painel de widgets Master Addons Image Hover Effects
Um dropdown alterna entre efeitos.

Ele se dá melhor quando a imagem deve levar a algum lugar, como uma biografia da equipe em um pop-up ou um item de portfólio com um link Ele se adapta a sites que já usam Master Addons para outros widgets Página do widget de efeitos de pairar de imagem tem oito cartões ao vivo para passar o mouse.

2. complemento do elementador de efeitos de pairar de imagem

Este plugin do Blocksera adiciona apenas efeitos de hover de imagem Sua listagem WordPress.org descreve mais de 40 efeitos de hover de imagem, desde fade and push até zoom e blur, com um título e descrição que são exibidos no hover Ele relata 40.000 instalações ativas e uma classificação de 4,9 estrelas de 83 avaliações A última atualização foi em 27 de junho de 2026.

Ele faz melhor como uma instalação de luz quando os cartões de hover são tudo o que você precisa Ele se adapta a sites que não querem um pacote completo de addon A página do plugin está ligada WordPress.org.

Efeito de pairar de imagem 3. happyAddons

HappyAddons documenta um widget Image Hover Effect com 21 efeitos de hover Você carrega uma imagem, adiciona seu texto e escolhe o efeito do painel O plugin como um todo tem 400.000 instalações ativas e foi atualizado em 5 de outubro de 2026.

Ele faz melhor para pessoas que já constroem com HappyAddons e querem cartões de hover que correspondem aos seus outros widgets A página que lemos não diz qual plano inclui o widget, então verifique sua lista de widgets.

Efeito de pairar de imagem 4. ElementsKit

ElementsKit lista um widget Image Hover Effect e mostra efeitos nomeados em sua página de demonstração, incluindo Blind, Border e Flash. ElementsKit Lite tem mais de um milhão de parcelas ativas e foi atualizado em 29 de setembro de 2026.

Ele se dá melhor em sites que executam o ElementsKit por suas ferramentas de cabeçalho, rodapé e mega menu e deseja efeitos de hover do mesmo plugin A página de demonstração não indica o número de efeitos ou o plano.

5. elementos ilimitados efeitos iHover

Unlimited Elements chama seu widget de efeitos iHover e descreve-o como um pacote de efeitos de hover com um título e descrição para cada imagem O fornecedor afirma que o widget está disponível na versão gratuita do plugin, que tem 300.000 instalações ativas.

Ele faz melhor para construtores que puxam muitos widgets da biblioteca Unlimited Elements Ele se adapta a qualquer um que queira cartões hover sem pagar por um addon.

Banner de complementos 6. premium

Premium Addons lida com o hover de imagem através de seu widget Banner O fornecedor descreve seis estilos de banner e cinco efeitos de hover de imagem: Blur, Zoom in, Zoom out, Grayscale e Scale Ele afirma que o widget Banner está incluído no plugin gratuito.

Ele faz melhor para azulejos promocionais com um título, texto e um link sobre uma imagem Ele se adapta mais a lojas e landing pages do que galerias de fotos.

7. efeito avançado de pairar imagens para elementor

Este plugin de propósito único da KAP ASIAs descreve layouts de caixa com efeitos de hover CSS e animações Sua listagem WordPress.org mostra 1.000 instalações ativas, versão 2.0 e uma atualização em 23 de setembro de 2026.

Ele se dá melhor quando você quer um pequeno plugin e um layout em caixa Com três classificações no WordPress.org, ele tem menos histórico do que os outros, então teste-o primeiro em um site de preparação.

Como escolher

Comece com o addon que você já tem Cinco das sete opções são widgets dentro de pacotes maiores, e um segundo pacote para um widget adiciona peso ao editor e às atualizações.

Se você está começando do zero, três perguntas restringem:

  1. Precisa de texto sobre a imagem, ou apenas a imagem para mudar? se apenas a imagem, a guia Hover do Elementor é suficiente.
  2. O que um clique deve fazer? um link é comum a todos Um pop-up com um modelo salvo é mais raro.
  3. Você quer um pequeno plugin ou um pacote? o plugin Blocksera e Advanced Image Hover Effect são de propósito único O resto traz muitos outros widgets, que comparamos em nosso guia para complementos Elementor.

Seja o que for que você escolher, mantenha um estilo de pairar por seção Uma grade onde cada carta se move de maneira diferente é mais difícil de digitalizar do que uma onde todas elas se comportam da mesma forma.

Perguntas frequentes

Qual é o melhor plugin de efeitos de hover de imagem para Elementor?

Depende do que você já usa Image Hover Effects Elementor Addon by Blocksera é o plugin de propósito único mais instalado, com mais de 40 efeitos Se você executar um pacote de complementos, como Master Addons, HappyAddons ou ElementsKit, seu widget hover integrado economiza um segundo plugin.

Elementor possui efeitos de hover de imagem integrados?

Sim, para a imagem em si A guia Estilo do widget Imagem tem uma guia Hover com Opacidade, Filtros CSS, Duração da Transição e Animação Hover Não tem opção para um título ou descrição sobre a imagem Os plugins Hover adicionam isso.

Quantos efeitos de hover tem Master Addons?

O widget Efeitos de Imagem Hover tem 30, listados pelo nome no dropdown Efeito Hover Oito funcionam sem Pro: Lily, Sadie, Roxy, Bubba, Romeo, Layla, Honey e Oscar Os outros 22 precisam de Master Addons Pro.

Um efeito de pairar de imagem pode abrir um pop-up no Elementor?

Com alguns widgets, sim No widget Master Addons Image Hover Effects, defina Links ou Popup? para Popup, que é uma opção Pro, e o clique abre texto, uma imagem ou um modelo salvo A maioria dos plugins de hover oferece apenas um link.

Os efeitos de passagem de imagem retardam uma página?

Os efeitos são CSS, então a animação em si custa pouco. O tamanho da imagem é muito mais importante. Comprima as imagens, sirva-as no tamanho que elas exibem e uma grade de placas flutuantes carregará tão rápido quanto a mesma grade sem efeitos.

Pensamentos finais

Cada plugin de efeitos de hover de imagem Elementor nesta lista coloca um título e descrição sobre uma imagem Eles diferem no número de efeitos, a ação de clique e se eles vêm como um plugin de propósito único ou um pacote Use o widget hover no addon que você já tem, e alcance um segundo plugin somente se faltar algo que você precisa.

Se esse addon for Master Addons, o Widget de efeitos de passagem de imagem já está no seu painel.

Foto de Roy Jemee
Roy Jemee
Sou Roy Jemee, Content Wrangler e Marketer da Pixar Labs, trabalhando em Master Addons para Elementor Escrevo os tutoriais, gravo os vídeos e mantenho a documentação atualizada, para que você sempre saiba como usar todos os recursos Eu também lido com suporte, então se você acertar um obstáculo, sou a pessoa que ajuda você a consertar respostas reais, de alguém que usa essas ferramentas todos os dias.

Deixe uma resposta

Seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados *