O que vamos ver?
Aqui vou apresentar alguns estilos de botões que podemos usar. (Lembrando que a estilização vai totalmente da sua criatividade e que esses são totalmente opniões minhas)
Vamos lá
Ícone dentro do botão: (Para adicionar uma imagem, basta adicionar a tag "img" e enderaçar a
imagem)
|Sobre mim
Botão 3D: (Para fazermos botões 3D, nós podemos usar a propriedade "box-shadow")
O box-shadow pode ter valores para as seguintes propriedades: (horizontal)px / (vertical)px /
(blur/borramento)px / (tamanho da sombra)px
Podemos atribuir mais de um mesmo valor na propriedade (basta só colocar uma "," depois do primeiro
valor), como podemos ver no segundo exemplo.
Para dar esse efeito de animação, usei o atributo "transition". Vou explicar melhor na página principal.
Sobre mim
Sobre mim
Botão com ação de ativação: (Para isso nós usamos a propriedade "classe":active e definir a ação que
queremos depois de clicar nele)