O Flip Carousel Addon For Elementor é um plugin/extensão complementar focado em animação 3D e interatividade visual para WordPress e Elementor, desenvolvido sob medida para sites corporativos modernos, agências digitais, portfólios criativos, landing pages de produtos e páginas de captura que buscam destacar cards de conteúdo, depoimentos, membros de equipe ou produtos em um formato dinâmico de carrossel com efeito de rotação tridimensional (flip/coverflow effect) sem a necessidade de codificar animações complexas em CSS3 ou JavaScript.
Destaques:
- Efeito Visual de Rotação 3D (3D Flip Transition): Transforma controles deslizantes convencionais em uma experiência imersiva com sensação de profundidade, aplicando transições de rotação no eixo horizontal ou vertical conforme o usuário navega entre os slides, mantendo o card central em foco enquanto os elementos adjacentes inclinam-se em perspectiva tridimensional.
- Integração Nativa com o Editor Visual do Elementor (Widget Dedicado): Adiciona um novo componente arrastar-e-soltar diretamente ao painel do Elementor, permitindo configurar tipos de conteúdo, espaçamentos, sombras de profundidade, bordas arredondadas e comportamentos de transição diretamente pelos controles visuais sem encostar em linhas de código.
- Recursos Especializados de Apresentação de Conteúdo:
- Suporte a Conteúdo Customizado ou Dinâmico: Permite criar lâminas individuais inserindo manualmente imagens, títulos, subtítulos, descrições e botões de chamada para ação (CTAs), ou puxar conteúdos existentes (como posts de blog ou produtos);
- Modos de Giro e Perspectiva Configuráveis: Controles detalhados para ajustar o ângulo de inclinação do flip, intensidade da perspectiva 3D, espaçamento entre cartões e opacidade dos itens que não estão em foco;
- Controles de Navegação Interativa: Suporte a setas laterais personalizáveis, paginação em pontos (bullets), arraste por toque (touch swipe) em dispositivos móveis e suporte a rolagem pela roda do mouse (mousewheel);
- Autoplay Inteligente: Opções de reprodução contínua com controle de velocidade, pausa ao passar o cursor (pause on hover) e loop infinito sem quebras visuais.
- Estilização Visual e Alinhamento com o Design System:
- Tipografia e Cores Globais: Herda nativamente as fontes e paletas globais definidas no tema através do Elementor;
- Filtros e Sombras Realistas: Aplicação de sombras projetadas dinâmicas sob os cartões para reforçar o relevo tridimensional e filtros de desfoque ou escurecimento suave nas lâminas secundárias;
- Camadas de Sobreposição e Botões Customizados: Possibilidade de adicionar gradientes de contraste para leitura de textos sobre imagens e estilizar botões com efeitos de hover independentes.
- Performance Otimizada e Comportamento Responsivo:
- Adaptação Automática para Smartphones e Tablets: Controles responsivos dedicados para ajustar a profundidade do efeito, número de cartões visíveis e tamanho das fontes em telas menores, evitando sobreposições indesejadas;
- Aceleração por Hardware (CSS Transform 3D): Utiliza propriedades nativas do navegador para processamento gráfico fluido, garantindo transições suaves a 60 FPS sem pesar na CPU ou comprometer métricas de Core Web Vitals.