Animate.css Snippets
Animate.css snippets for Sublime Text.
Details
Installs
- Total 12K
- Win 9K
- Mac 2K
- Linux 1K
| Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | Sep 12 | Sep 11 | Sep 10 | Sep 9 | Sep 8 | Sep 7 | Sep 6 | Sep 5 | Sep 4 | Sep 3 | Sep 2 | Sep 1 | Aug 31 | Aug 30 | Aug 29 | Aug 28 | Aug 27 | Aug 26 | Aug 25 | Aug 24 | Aug 23 | Aug 22 | Aug 21 | Aug 20 | Aug 19 | Aug 18 | Aug 17 | Aug 16 | Aug 15 | Aug 14 | Aug 13 | Aug 12 | Aug 11 | Aug 10 | Aug 9 | Aug 8 | Aug 7 | Aug 6 | Aug 5 | Aug 4 | Aug 3 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 1 | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 6 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 |
| Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 1 | 1 | 1 | 0 | 0 |
| Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 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")