Carrossel em Anel Ultra

Galeria de fotos de pé num anel 3D, como um carrossel: gira devagar sozinho, você arrasta com inércia e a foto que para na frente mostra a legenda, enquanto as de trás escurecem.

Ver na loja e baixar

Sobre este efeito

Uma galeria de fotos de pé num anel em 3D, como um carrossel visto um pouco de cima. O anel gira devagar sozinho e para quando o mouse chega; a foto que está na frente fica clara e mostra a legenda, e as de trás escurecem. Arrastar com o mouse ou com o dedo gira o anel acompanhando o movimento, com inércia, e ele encaixa na foto mais próxima; clicar numa foto do lado traz ela pra frente, e as setas do teclado e as bolinhas também giram. O anel inclina de leve com o cursor e se abre girando na chegada. A rolagem da página não é tocada. Sem biblioteca: por quadro só um elemento se mexe, e a placa de vídeo faz o resto. O tamanho do anel se ajusta sozinho ao número de fotos. Largura e formato das fotos, espaço entre elas, inclinação, perspectiva, velocidade do giro e cores ajustáveis.

Ficha

Categoria: Galeria
Onde combina: recursos, topo (hero), prova social
Alcance: Área: vive dentro de um bloco da página.
Plano: Exclusivo de quem assina o Ultra (R$ 39,90/mês).
Na loja desde: 06/10/2026

Como colocar no seu site

Criando o site com IA (Claude Code, Codex e parecidas): baixe o kit, extraia na pasta do projeto e cole o pedido pronto que a loja entrega. Não precisa saber programar.
Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-carrossel-em-anel.

Assuntos

galeria
carrossel
carousel
3d
anel
círculo
fotos
arrastar
drag
slider
giro