Responsive and Interactive FAQ Accordion

Community feedback

• 

  Irwing•200

  @Irwing-DevPosted 9 months ago

  Você pode adicionar uma estilização no elemento "c-faq__response" chamada transition.

  Vá para o seu main.css e adicione:

  .c-faq__response {
      // Suas estilizações
      transition: all 0.7s;
  }
  

  Isso já serve para dar uma animação mais suave ao abrir/fechar os FAQs. você também pode alterar o valor do transition para ficar mais lento ou mais rápido, vai testando e decide qual acha melhor. 👍

  PS.: O card não está muito agradável em uma primeira vista, recomendo colocar um box-shadow para dar um aspecto flutuante, tipo assim:

  .c-faq__card {
      // Suas estilizações
      box-shadow: 0px 30px 34px rgba(0, 0, 0, 0.116);
  }
  

  Espero que isso tenha o ajudado, boa sorte e bons estudos.✨​👋​

  Marked as helpful

  1