element has also specified a transition effect for the width property, with a duration of 2 seconds:
transition: width 2s;
The transition effect will start when the specified CSS property (width) changes value.
Now, let us specify a new value for the width property when a user mouses over the
Notice that when the cursor mouses out of the element, it will gradually change back to its original style.
Change Several Property Values
The following example adds a transition effect for both the width and height property, with a duration of 2 seconds for the width and 4 seconds for the height:
transition: width 2s, height 4s;
CSS queries related to “css transition”