casesandberg / Animate.less-No-Output

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#Animate.less with lesshat

Animate.css was originally created by Dan Eden. It's a bunch of cool, fun, and cross-browser animations converted into LESS (using LESS Hat).

##Files

  • ./modules/... is a folder for all the animation modules (used in animate-lesshat.less)
  • ./modules-no-output/... is a folder for all the animation modules with no-output mixins (used in animate-lesshat-no-output.less)
  • ./modules-prefixed/... is a folder for all the animation modules prefixed (used in animate-lesshat-prefixed.less)
  • ./tests/... is a folder used just for testing the animations (you can pretty much ignore this)
  • animate-lesshat.less (4kb) is the compiled version of animate.css using Less Hat
  • animate-lesshat-no-output.less (5kb) is the compiled version of animate.css using Less Hat with no-output mixins
  • animate-lesshat-prefixed.less (5kb) is the compiled version of animate.css using Less Hat Prefixed

##Usage See animate.css docs for how to use

##Animation Library

####attention_seekers

  • bounce
  • flash
  • pulse
  • rubberBand
  • shake
  • swing
  • tada
  • wobble

####bouncing_entrances

  • bounceIn
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceInUp

####bouncing_exits

  • bounceOut
  • bounceOutDown
  • bounceOutLeft
  • bounceOutRight
  • bounceOutUp

####fading_entrances

  • fadeIn
  • fadeInDown
  • fadeInDownBig
  • fadeInLeft
  • fadeInLeftBig
  • fadeInRight
  • fadeInRightBig
  • fadeInUp
  • fadeInUpBig

####fading_exits

  • fadeOut
  • fadeOutDown
  • fadeOutDownBig
  • fadeOutLeft
  • fadeOutLeftBig
  • fadeOutRight
  • fadeOutRightBig
  • fadeOutUp
  • fadeOutUpBig

####flippers

  • flip
  • flipInX
  • flipInY
  • flipOutX
  • flipOutY

####lightspeed

  • lightSpeedIn
  • lightSpeedOut

####rotating_entrances

  • rotateIn
  • rotateInDownLeft
  • rotateInDownRight
  • rotateInUpLeft
  • rotateInUpRight

####rotating_exits

  • rotateOut
  • rotateOutDownLeft
  • rotateOutDownRight
  • rotateOutUpLeft
  • rotateOutUpRight

####sliders

  • slideInDown
  • slideInLeft
  • slideInRight
  • slideInUp
  • slideOutLeft";
  • slideOutDown
  • slideOutRight
  • slideOutUp

####specials

  • hinge
  • rollIn
  • rollOut

####zooming_entrances

  • zoomIn
  • zoomInDown
  • zoomInLeft
  • zoomInRight
  • zoomInUp

####zooming_exits

  • zoomOut
  • zoomOutDown
  • zoomOutLeft
  • zoomOutRight
  • zoomOutUp

About


Languages

Language:CSS 100.0%