Problem
Making Transitions with CSS In this session, you explore how to use CSS transitions and animations to add movement and action to your websites without relying on video files or external plug-ins. You start by examining how to create a CSS transition. Introducing Transitions A transition is a change in an object's style from an initial state to an ending state, usually in response to an event initiated by the user or the browser. when you employed the hover pseudo-class to change the style of a hypertext link in response to the user moving the mouse pointer over a hypertext link. However, the hover effect is instantaneous with no intermediate steps. If the background color of the link were to change from white to black, there is no instant in which the background is gray. A transition on the other hand, slows down that change and provides intermediate styles so that a white background gradually changes into black, passing through different shades of gray.