Adição de botões CSS 3D no Weebly envolve algumas etapas de personalização de código na seção CSS personalizada. Veja como você pode adicioná-los ao seu site do Weebly:

Etapa 1:Criar CSS personalizado

um. No editor do Weebly, clique em “Configurações” no canto superior direito.
b. Selecione "SEO e código" no menu esquerdo.
c. Clique na guia "CSS personalizado".
d. Cole o seguinte código no campo CSS personalizado:

```
.btn {
display:bloco embutido;
preenchimento:15px 25px;
tamanho da fonte:16px;
alinhamento de texto:centro;
decoração de texto:nenhuma;
cor:#fff;
plano de fundo:#3498db;
fronteira:nenhuma;
cursor:ponteiro;
}

.btn:passe o mouse,
.btn:ativo {
plano de fundo:#2980b9;
}

.btn:ativo {
transformar:escala(0,95);
}
```

Etapa 2:adicionar elemento HTML ao botão

um. No editor do Weebly, arraste e solte um elemento “Código incorporado” na página onde deseja que o botão apareça.
b. Cole o seguinte código HTML no campo “Código”:

```
Clique em mim
```

Etapa 3:personalizar o botão

Você pode personalizar o botão modificando as seguintes propriedades no código CSS:

um. `.btn {cor:#fff; background:#3498db;}` - Altere a cor do texto e a cor de fundo do botão.
b. `.btn:hover, .btn:active { background:#2980b9;}` - Altere a cor do foco e do estado ativo do botão.

Etapa 4:visualizar e publicar

um. Clique no botão “Visualizar” para ver a aparência do botão em seu site.
b. Se estiver satisfeito com os resultados, clique em “Publicar” para que as alterações sejam publicadas em seu site.

Nota :o código CSS fornecido usa o texto do botão "Clique em mim". Você pode substituí-lo pelo texto desejado dentro do código HTML.

Seguindo essas etapas, você pode adicionar botões CSS 3D ao seu site do Weebly para aprimorar a experiência do usuário e o apelo visual.