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

Animate.​css Snippets

by adeniszczyc ALL

Animate.css snippets for Sublime Text.

Labels css, animate, animatecss, animation, snippets

Details

  • 1.0.1
  • github.​com
  • github.​com
  • 11 years ago
  • 32 minutes ago
  • 11 years ago

Installs

  • Total 12K
  • Win 9K
  • Mac 2K
  • Linux 1K
Dec 21 Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 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
Windows 0 2 1 0 0 0 0 0 0 1 0 0 0 1 1 0 0 0 1 0 0 0 1 1 0 0 0 0 0 0 1 0 0 1 0 1 0 0 0 0 0 0 0 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 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0
Linux 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 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")