Flipbox
E se um pedaço de imóveis em sua página pudesse contar duas histórias? com Master Addons Flipbox E. pode Isso não é apenas um cartão é uma experiência dinâmica e bilateral Comece com um lado frontal atraente com um ícone e título Então, ao passar o mouse, elegantemente vira para revelar descrições detalhadas, chamadas para ação ou informações adicionais na parte de trás Escolha entre várias predefinições de estilo e mais de uma dúzia de animações suaves São os elementos perfeitos para destaques de recursos, vitrines de serviços, perfis de equipe ou chamadas criativas para ação que surpreendem e se envolvem.
Múltiplas predefinições de design e predefinição de animação
Primeiro, escolha sua aparência base de quatro Predefinições de Estilo: o clássico Padrão, Imagem Frontal, Diagonal e Ícone Frontal Cada predefinição altera o layout visual inicial Em seguida, dê vida a ele selecionando um Estilo de Animação de uma enorme biblioteca Vá para um simples Flip Horizontal ou Vertical, um sofisticado Flip 3 D, um Fade suave ou opções criativas como rotações de Cubo, Rollover ou revelações Diagonais Essa combinação permite que você combine perfeitamente o comportamento do flipbox com a energia do seu site (sutil ou dramática).
- Quatro fundamentos de estilo: escolha entre designs predefinidos de ícone padrão, imagem frontal, diagonal e frontal.
- Biblioteca de Animação Extensa: Selecione entre 15+ animações, incluindo Flip, Fade, Cube, Rollover e 3 D Flip.
- Controle o efeito: as animações são acionadas por padrão no hover, criando uma experiência intuitiva e interativa.
Construtor de conteúdo duplo
Construa duas faces completas de conteúdo de forma independente Para a Caixa Frontal, adicione um Ícone (escolha os estilos Empilhado ou emoldurado), um Título forte e um pequeno teaser Descrição Defina a Tag HTML de Alinhamento e Título para SEO Para a Caixa Traseira, repita o processo com conteúdo diferente expanda a descrição, adicione mais detalhes ou concentre-se inteiramente em uma chamada para ação Esta abordagem de dois estágios permite que você brinque com a frente e entregue com a parte de trás.
- Painéis de conteúdo independente: controles totalmente separados para conteúdo de caixa frontal e caixa traseira (ícone, título, descrição).
- Opções de estilo de ícone: apresentar ícones como empilhados (sólidos) ou emoldurados (com fronteira) diretamente da guia de conteúdo.
- Mensagens estratégicas: use a frente para um benefício principal e a parte de trás para detalhes, recursos ou prova social.
- Controle Estrutural: Defina o Alinhamento (Esquerda, Centro, Direita) para conteúdo de cada lado de forma independente.
Botão CTA com Hover
A caixa de fundo não é apenas para informação não é para ação Inclua um Botão de Ação claro Texto de Botão personalizável (como “Buy” ou “Learn More”) e um Link Em seguida, projete-o com perfeição Estilo os estados Normal e Hover separadamente, controlando Text Color, Typography, Background Color, Border, Border Radius e Padding Isso transforma a revelação do flipbox em um caminho direto para a conversão, tudo sem precisar de um widget separado.
- Chamada Direta para Ação: Adicione um botão com texto e link que aparece na caixa traseira após o flip.
- Estilo de botão profissional: use controles de raio de borda, preenchimento e fundo para um botão polido.
Perguntas frequentes para o Flipbox
O que acontece em dispositivos móveis onde não há hover?
A interação flip é normalmente desencadeada por um toque em dispositivos móveis O usuário toca na caixa frontal para virar para trás, e pode tocar novamente para virar para trás Isso o torna totalmente funcional e intuitivo em telas sensíveis ao toque.
Posso usar uma imagem em vez de um ícone na frente?
Sim! uma das Predefinições de Estilo é chamada de “Front Image.” Selecionar esta predefinição mudará o seletor de ícones para um uploader de imagem, permitindo que você use uma foto, logotipo ou gráfico como visual principal na caixa frontal.
O conteúdo do flipbox é responsivo?
Absolutamente. o texto, ícones e botão dentro irá dimensionar e envolver adequadamente em diferentes tamanhos de tela A altura da caixa flip que você definir também é responsiva, mas você pode ajustá-la especificamente para dispositivos móveis usando o modo de edição responsiva do Elementor, se necessário.
Qual é um bom uso no mundo real para este elemento?
- Caixas de Serviço: Frente: Ícone de serviço & nome (por exemplo, “Web Design”).Verso: Descrição & “Obter um botão Quote”.
- Perfis da equipe: Frente: Foto e nome. Voltar: Biografia e links sociais.
- Características do produto: Frente: Ícone de recurso & título Voltar: Especificações detalhadas & “View Product” link.
- Estatísticas: Frente: Um grande número. Voltar: O que significa e um link de origem.
Posso vincular todo o flipbox a uma página sem o botão separado?
Por padrão, você pode adicionar link apenas ao botão Mas com a ajuda de nossa extensão de link Wrapper, você pode vincular o flipbox entier.
Como escolho a animação certa?
Considere o ritmo do seu site Para sites corporativos ou limpos, use Flip Horizontal/Vertical ou Fade Para sites criativos, de tecnologia ou de portfólio, 3 D Flip, Cube, ou Rollover pode adicionar mais Visualize alguns poucos os melhores se sentem suaves e não distraindo sua mensagem.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
