De acuerdo a las ultimas transformaciones hechas en la ultima unidad, para editar el visual del boton submit:.enviar{ width: 40%; padding: 15px 0; font-size: 18px; font-weight: bold; color: white; background: orange; border: none; border-radius: 5px; transition: 1s all; cursor: pointer; } .enviar:hover{ background: darkorange; transform: scale(1.20); }
Por que las funciones( transition: 1s all; y cursor: pointer;) se aplican en .enviar y no en .enviar:hover
Hola, te explico un poco lo que sé, si aplicas transition: 1s all; en el .enviar:hover, el efecto de transición lo verás únicamente cuando cuando el puntero del mouse salga del botón; mientras que al aplicar la transición en el .enviar, el efecto interactúa desde que el puntero del mouse se acerca al botón, de ese modo la transición se aplica cuando el cursor entra y sale del botón.
Considero que la misma lógica se podría aplicar para cursor: pointer.
Gracias por tu explicación Jorge, tenía la misma duda.