TUTORIAL para crear un botón con animaciones usando HTML y CSS

Aprende a crear un botón vistoso para tu página web o aplicación con un poco de HTML y CSS.

[josuemiguelito]

DE NADA:

button{
border:0;
background-image: linear-gradient(
150deg,
#9500,
#09F,
#00DDFF
);
border-radius: 8px;
color:#fff;
display: flex;
font-size: 18px;
padding: 4px;
cursor: pointer;
transition: .3s;
}

button span{
background-color: #111;
padding: 16px 24px;
border-radius: 6px;
transition: .3s;
}
button:hover span {
background: none;
}
button:active {
transform: scale(0, 9)
}

[christopherfloresbarrera]

Master, eres un crack la verdad, saludos desde Washington state!

[Constantin_Valdor_El_Prefecto]

espero que este boton me de un 20 en mi proyecto de diseño web

[AngelArias-pjhm]

eres bueno con los ytucos de visual studio code

[psluigisuarez]

Esta genial, tengo una duda quería igual si uso hover?

[Maximiliano.R]

se puede hacer con dos imagenes en lugar de una fuente y luego una imagen de fondo?

[lacasitagamerok-owig]

COMO LE PONGO ENLACE SIN ARRUINAR LA ANIMACION?'?

[juansebastiansuarezbarbosa]

una pregunta y como lo muevo de lugar osea para ponerlo en donde quiera

[hermidesmedina]

Creo que nunca lograre trabajar creando applicaciones con React por que con personas como midudev pa que me contraran a mi

[jaivermartinez]

Todo eso para tener un botón bonito? 😢

[isaac.moreno]

Si hago más de un botón me queda uno debajo del otro, ¿Cómo hago para ponerlo en la misma fila?

[plutoniotv]

😢😢bro Tu No haces Na Con Hacer Un Video Y no Mostrar el Paso Completo Por lo Meno Un Capture la uno Ver copiar bien el código 😢