0.02
Repository is archived
No commit activity in last 3 years
No release in over 3 years
Animate.css for the Rails asset pipeline
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

~> 1.3
>= 0

Runtime

>= 0
 Project Readme

Animate.scss

Animate.css for the Rails asset pipeline.

Installation

Add this line to your application's Gemfile:

gem 'animate-scss'

And then execute:

$ bundle

Or install it yourself as:

$ gem install animate

Usage

@import animations that you want.

@import 'animate/bounce';
@import 'animate/fadeIn';

Include an animation on an element.

.element {
  @include animate(fadeIn, 1s);
}

Adjust the speed of an animation.

.element.fadeIn {
  @include animate($speed: 2s);
}

Or just use the css classes.

.animated.fadeIn
  Fade in!

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request