0

Estoy diseñando un boton en CSS, lo que hago es que cuando el mouse este encima del elemento, este se agrande un poco con TRANSICION:300MS para que no se agrande bruscamente, asi de la nada.Pero al salir del mouse encima del elemento este efecto se quita bruscamente, quisiera saber como hacer ese detalle?

1
  • 3
    podrias poner el codigo que tienes pleas. Commented el 23 mar. 2022 a las 7:06

1 respuesta 1

1

No sé qué código tienes, pero quizá hayas puesto la transición en el :hover y debería estar en el elemento básico. Si lo pones solo en el hover, no funcionará a la vuelta, que es lo que estás describiendo.

div {
  background-color: #ccc;
  box-shadow: 2px 2px 2px 2px #aaa;
  height: 80px;
  padding: 4px;
  transition: 300ms;
  width: 80px;
}

div:hover {
  box-shadow: 4px 4px 4px 4px #aaa;
  height: 100px;
  padding: 8px;
  width: 100px;
}
<div>Elemento</div>

2
  • Brother, me has ayudado, te agradezco brutalmente. Le atinaste a mi inconveniente. Commented el 24 mar. 2022 a las 3:33
  • 1
    @AlexAlarcon las respuestas que son útiles a las preguntas deben ser aceptadas para que la comunidad lo sepa y así también reconozces el esfuerzo y tiempo que te han brindado con ellas. Pulsa sobre este enlace para aprender a aceptar respuestas y léete el recorrido de bienvenida para aprender bien el funcionamiento del sitio, gracias.
    – masterguru
    Commented el 24 mar. 2022 a las 9:19

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.