alguem consegue me ajudar com esse pequeno site que fiz pra minha namorada, quero fazer com que o sim e o não tenham efeito. obs : dei espaço em todas as iniciacoes pro tab nao ler os codigos obgd
< !DOCTYPE html> < html lang="pt-BR"> < head> < meta charset="UTF-8"> < meta http-equiv="X-UA-Compatible" content="IE=edge"> < meta name="viewport" content="width=device-width, initial-scale=1.0"> < link rel="stylesheet" href="styles.css"> < title>Casa comigo? < /head> < header> < div class="cabeçalho"> < h3>Não aceito "não" como resposta 😔 < /div> < /header> < body> < h1>Você aceita casar comigo? < div class="yes-or-no"> < button class="yes" onclick="tanks()">Sim :) < button class="no" onclick="not()">Não :( < /div> < /body> < script src="script.js"> < /html>
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.
caso não tenha um protótipo do efeito/animação em mente recomendo pegar inspiração nessa coleção elementos e efeitos css ou ir criando num programa de design da sua escolha, no meu caso eu ueo o figma mas caso tenha(m) uma recomendação melhor eu ficaria grato :)