Ejercicios de práctica de CSS

Ejercicio 21

Aplica una transición de 0.3s al cambiar el color de fondo de un <div> cuando se pasa el cursor sobre él.

Lo resolví del siguiente modo:

CSS:

                .box {
                    width: 300px;
                    height: 200px;
                    background-color: #3498db;
                    margin: 50px auto;
                    transition: background-color 0.3s;
                }

                .box:hover {
                    background-color: #2ecc71;
                }
            

HTML:

                <div class="box"></div>