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
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request