O Divi Image Accordion é um módulo/extensão visual projetado para designers web, agências digitais, desenvolvedores front-end e criadores de conteúdo que utilizam o Divi Builder para criar galerias de imagens expansíveis e dinâmicas no formato de acordeão, otimizando o espaço da página com microinterações modernas.
Destaques:
- Layouts de Acordeão Horizontal e Vertical: Permite organizar múltiplas imagens lado a lado (horizontal) ou empilhadas (vertical), onde o item ativo se expande suavemente enquanto os demais se comprimem.
- Gatilhos de Expansão Interativos: Transição e abertura dos painéis acionadas ao passar o cursor do mouse (On Hover) ou por clique direto (On Click), ideal para telas sensíveis ao toque.
- Sobreposição de Conteúdo Rico (Overlays): Suporte para exibir títulos, textos descritivos, ícones vetoriais, botões de ação (CTA) e links individuais sobre a imagem quando ela for expandida.
- Animações e Efeitos de Transição Fluidos: Movimento suave de expansão e retração com controles de tempo de duração, atraso (delay) e curvas de aceleração (easing/CSS cubic-bezier).
- Integração Nativa com o Divi Builder: Customização visual completa via drag-and-drop para ajustar alturas, larguras, filtros de cor, gradientes de sobreposição, bordas arredondadas e sombras projetadas.
- Uso Versátil em Portfólios e Vitrines: Ideal para exibir membros de equipe, etapas de serviços, categorias de produtos, estudos de caso e antes/depois sem ocupar muito espaço vertical na tela.
- Totalmente Responsivo: Opções dedicadas para alternar automaticamente a orientação (por exemplo, de horizontal no desktop para vertical no mobile) garantindo perfeita usabilidade em smartphones e tablets.