ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Animate.​css Snippets

by adeniszczyc ST2/ST3

Animate.css snippets for Sublime Text.

Details

Installs

  • Total 8K
  • Win 5K
  • OS X 2K
  • Linux 818
Dec 15 Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5 Nov 4 Nov 3 Nov 2 Nov 1 Oct 31
Windows 1 8 2 5 5 4 5 3 2 3 5 1 4 4 3 4 6 5 6 0 6 3 8 3 5 7 3 2 5 1 3 5 7 4 1 3 4 2 5 8 3 3 5 3 4 3
OS X 0 1 1 1 1 0 0 0 0 0 1 0 3 0 1 1 0 0 1 1 0 3 1 0 0 1 0 0 1 0 0 2 0 0 2 1 0 1 0 0 0 0 0 2 1 1
Linux 0 0 1 0 0 1 0 0 1 1 0 0 0 0 0 0 1 1 0 0 0 2 1 0 0 0 2 0 0 1 1 0 0 0 0 0 1 0 1 0 0 0 2 2 1 0

Readme

Source
raw.​githubusercontent.​com

Animate.css Snippets for Sublime Text

A collection of snippets from Animate.css for Sublime Text.

Usage

In Sublime Text, enter animatecss- followed by an animation name as listed on Animate.css. Then hit the Tab key to generate the aniamtion code. For example:

animatecss-bounceOutDown

Will generate: “css @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }

20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }

100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

## Installation
The easiest method is to use [Package Control](https://sublime.wbond.net/ "Package Control").  In Sublime Text, press <kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> on OS X or  <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> on Windows/Linux, then go to "Package Control:Install Package". Search for "Animate.css", and hit <kbd>Enter</kbd> to install.

## License
Animate.css Snippets for Sublime Text is licensed under MIT. (http://opensource.org/licenses/MIT)

## Credits
- [Andrew Deniszczyc](http://andrewdeniszczyc.com/ "Andrew Deniszczyc") - Animate.css Snippets for Sublime Text
- [Daniel Eden](http://daneden.me/ "Daniel Eden") - [Animate.css](https://daneden.github.io/animate.css/ "Animate.css")