Según tengo entendido, si estoy tratando de modificar el estilo de un elemento que tiene la propiedad de transición, la modificación se ejecutará de manera gradual. Entonces, ¿hay alguna forma de escuchar el cambio de estilo, evitar la modificación inmediata y reemplazarlo con una animación personalizada?
esa es la transición Si desea cambiar el color usando la transición css, haga clic en más detalles
.box { width: 150px; height: 150px; background: red; margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; } .box:hover { background-color: green; cursor: pointer; } <div class="box"></div>