Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] ideia para utilizar pseudo-classes

Segue abaixo uma das minhas ideias, utilizar o hover para destacar as imagens do carrossel dando um zoom quando o usuário passar o mouse por elas.

 .swiper-slide:hover {
        scale: 1.1;
        transition: .5s;
    }

Onde:

  • a classe selecionada é a que pertence a div que contem cada imagem no carrossel
  • scale é a função que altera o zoom do elemento com a escala que você desejar, ex: 1.1 1.2
  • .5s é o tempo da transição

(Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Olá, Geyza!

A sua ideia de utilizar a pseudo-classe :hover para destacar as imagens do carrossel com um efeito de zoom é muito interessante! A propriedade scale que você está utilizando para alterar o zoom do elemento é uma ótima escolha.

Obrigado pela sugestão e por compartilhar ela conosco!

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!