CSS Transitions

Upon hovering, the image expands to 500 px for width and length with a transition duration of 7 seconds.

bike_image


In the example below, upon hovering, there is a two second transition delay, the border-radius changes to 50% in three seconds and the border becomes 10px, red and inset in 10 seconds.




music_note


In the example below, upon hovering, there is a two second transition delay, the background color changes to blue in three seconds and the opacity to 0 in six seconds.