How do you use CSS transitions

CSS transitions allow you to change property values smoothly over a given duration. This is useful for creating visually appealing effects on hover or focus. By defining transition properties in your CSS, you enhance the user interface and improve user experience.

CSS, transitions, animations, web development, user interface


            /* CSS */
            .box {
                width: 100px;
                height: 100px;
                background-color: blue;
                transition: background-color 0.5s ease;
            }

            .box:hover {
                background-color: green;
            }