¿Cómo agregar botones de presión CSS 3D en Weebly?

Agregar botones de presión CSS 3D en Weebly Implica algunos pasos de personalización del código dentro de la sección CSS personalizada. Así es como puedes agregarlos a tu sitio Weebly:

Paso 1:crear CSS personalizado

a. En el editor Weebly, haga clic en "Configuración" en la esquina superior derecha.

b. Seleccione "SEO y código" en el menú de la izquierda.

do. Haga clic en la pestaña "CSS personalizado".

d. Pegue el siguiente código en el campo CSS personalizado:

```

.btn {

pantalla:bloque en línea;

relleno:15px 25px;

tamaño de fuente:16px;

alineación de texto:centro;

decoración de texto:ninguna;

color:#fff;

fondo:#3498db;

borde:ninguno;

cursor:puntero;

}

.btn:flotar,

.btn:activo {

antecedentes:#2980b9;

}

.btn:activo {

transformar:escala (0,95);

}

```

Paso 2:Agregar elemento HTML para el botón

a. En el editor Weebly, arrastre y suelte un elemento de "Código para insertar" en su página donde desea que aparezca el botón.

b. Pegue el siguiente código HTML en el campo "Código":

```

Haz clic en mí

```

Paso 3:Personaliza el botón

Puede personalizar el botón modificando las siguientes propiedades dentro del código CSS:

a. `.btn {color:#fff; background:#3498db;}`:cambia el color del texto y el color de fondo del botón.

b. `.btn:hover, .btn:active { background:#2980b9;}` - Cambia el color del estado activo y de desplazamiento del botón.

Paso 4:Vista previa y publicación

a. Haga clic en el botón "Vista previa" para ver cómo se ve el botón en su sitio.

b. Si está satisfecho con los resultados, haga clic en "Publicar" para publicar los cambios en su sitio web.

Nota :El código CSS proporcionado utiliza el texto del botón "Haz clic en mí". Puede reemplazarlo con el texto que desee dentro del código HTML.

Siguiendo estos pasos, puede agregar botones de presión CSS 3D a su sitio Weebly para mejorar su experiencia de usuario y su atractivo visual.