Quando for postar código, recomendo usar o bloco de código do editor de texto. Ajuda muito por manter a indentação.

Existem N efeitos que podem ser adicionados, como você não especificou, acredito que esteja iniciando agora com HTML, CSS e JS. Por conta disso, recomendo que você dê uma lida no MDN sobre animações e esse post do stackoverflow ensina como você pode adicionar animações depois do click.

realmente comecei agora com programação e estou estudando por conta, muito obrigado pela ajuda vou dar uma olhada no MDN la