Animations in Rongila CSS

Animations -#

just use these as classes in elements

  1. Fade: fade
  2. Shake: shake
  3. Wobble: wobble
  4. Float -
    • Flaot Up: floatUp
    • Float In: floatIn
    • Float Left: float-left
    • Float Right: float-right

Hover Animations -#

just use these as classes

  1. Grow: hover-grow
  2. Shrink: hover-shrink
  3. Pop: hover-pop
  4. Push: hover-push
  5. Rotate -
    • Rotate Left: hover-rotate-left
    • Rotate Right: hover-rotate-right
  6. Float -
    • Flaot Up: hover-float-up
    • Float Down: hover-float-down
    • Float Left: hover-float-left
    • Float Right: hover-float-right
  7. Shake: hover-shake
  8. Wobble: hover-wobble
  9. Skew -
    • Skew Right: hover-skew-right
    • Skew Left: hover-skew-left

Using No Animations -#

To remove animation from a element just use this class no-animation