Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Boton "Enviar formulario"

De acuerdo al video la transicion debe hacerse en la clase .enviar:`

.enviar{
    width: 40%;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: orange;
    border: none;
    border-radius: 5px;
    transition: 1s background;
    cursor: pointer;

}

.enviar:hover{
    background: darkorange;

Sin embargo consulto, si lo que quiero es que haga esos cambios cuando posiciono el mouse sobre el botón, sería mucho mas conveniente colocar las popiedades de transición y cursor en la clase .enviar:hover?, es decir:

.enviar{
    width: 40%;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: orange;
    border: none;
    border-radius: 5px;

}

.enviar:hover{
    background: darkorange;
    transition: 1s background;
    cursor: pointer;

}

Será adecuado hacerlo asi?, sino cuál es la razón de colocar la transión y el cursor en la clase .enviar?

Gracias de antemano.

Saludos a tod@s!!!

2 respuestas

No sabría darte una respuesta concreta, pero a mi lógica para que aplique de una manera más general a los otros hover o active que pongas abajo porque imagina que tiene más de un hover o incluso un active, en caso de que alguien más quiera ver el codigo simplemente vera el transition ya directamente en la clase enviar por lo que será más fácil de leer.

Probablemente no este en lo correcto, pero espero ser de ayuda.

Saludos

Gracias Mauro por tu aporte.