CSS-Animation

Button clicking animation and image selected animation .

First part of the animation project..

Button clicking animation

• CSS Link

• Pseudo Classes Link

1. Hover - The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer).
   Link
2. Active - The :active CSS pseudo-class represents an element (such as a button) that is being activated by the user. When using a mouse, "activation" typically starts when the user presses down the primary mouse button and ends when it is released. The :active pseudo-class is commonly used on and elements, but may be used on other elements, too.
   Link

---

Second part of the animation project..

Image selected animation

• Bootstrap Link

1. Row and column Link

• Transform Link

1. Scale Link
2. Translate Link

• Transition Link

1. Properties Link
2. Single-transition-timing-function in transition Link
3. Creat your own {single-transition-timing-function} Link

• Pseudo Classes Link

• Font Awesome for Icons appear on the image Link