Skip to content

Latest commit

 

History

History
26 lines (25 loc) · 2.14 KB

README.md

File metadata and controls

26 lines (25 loc) · 2.14 KB

CSS-Animation

Button clicking animation and image selected animation .

First part of the animation project..

Button clicking animation

  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

  1. Row and column Link
  1. Scale Link
  2. Translate 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