animatecss 0.0.7 → 0.0.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +3 -0
- data/README.md +8 -3
- data/animatecss.gemspec +2 -0
- data/lib/animatecss/version.rb +1 -1
- data/spec/dummy/app/assets/javascripts/application.js +3 -0
- data/spec/dummy/app/assets/javascripts/welcome.coffee +6 -0
- data/spec/dummy/app/assets/stylesheets/application.css +1 -0
- data/spec/dummy/app/controllers/welcome_controller.rb +4 -0
- data/spec/dummy/app/views/welcome/index.html.erb +2 -0
- data/spec/dummy/config/routes.rb +2 -1
- data/spec/integration/animatecss_spec.rb +7 -0
- data/vendor/assets/javascripts/animate.coffee +7 -0
- data/vendor/assets/stylesheets/animate.css +79 -11
- metadata +34 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 05e104611c9297e6b752a6aed71b5c40259029f2
|
4
|
+
data.tar.gz: aada37b170d7b9a50d0693f611dfe455c2d8cfef
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5d14d0a6e43f2d2dd05c95ba357039f7eb9d73895e1d27734afc0ca75e7063196a7d783b2621d8124a0334247f8d99a7df8268f9b11ce410bbf7959e8468323f
|
7
|
+
data.tar.gz: 63c4f8c3b5f3aae373c869e570e333d958e6c0fc1cfcc2201fe90b67631c10117f2677f4fce399f7213b473f71ab75804a000861f0326b079679bd6d0bb8d15e
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
# Animatecss
|
1
|
+
# Animatecss
|
2
2
|
|
3
3
|
### <a href="https://travis-ci.org/globalxolutions/animatecss"><img src="https://travis-ci.org/globalxolutions/animatecss.svg?branch=master"></a>
|
4
4
|
|
@@ -21,11 +21,14 @@ And then execute:
|
|
21
21
|
Or install it yourself as:
|
22
22
|
|
23
23
|
$ gem install animatecss
|
24
|
-
|
24
|
+
|
25
25
|
Add it to the application.css.scss (Ruby on Rails):
|
26
26
|
|
27
27
|
*= require animate
|
28
|
-
|
28
|
+
|
29
|
+
Add it to your application.js
|
30
|
+
//= require animatecss
|
31
|
+
|
29
32
|
## Usage
|
30
33
|
|
31
34
|
To use animate.css in your app, add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
|
@@ -34,6 +37,8 @@ You can do a whole bunch of other stuff with animate.css when you combine it wit
|
|
34
37
|
|
35
38
|
```javascript
|
36
39
|
$('#yourElement').addClass('animated bounceOutLeft');
|
40
|
+
or
|
41
|
+
$('#yourElement').animateCss('bounce');
|
37
42
|
```
|
38
43
|
|
39
44
|
You can change the duration of your animations, add a delay or change the number of times that it plays!
|
data/animatecss.gemspec
CHANGED
@@ -13,6 +13,7 @@ Gem::Specification.new do |gem|
|
|
13
13
|
gem.version = Animatecss::VERSION
|
14
14
|
gem.platform = Gem::Platform::RUBY
|
15
15
|
gem.add_dependency "railties", ">= 3.0", "< 6.0"
|
16
|
+
gem.add_dependency "jquery-rails", ">= 0"
|
16
17
|
gem.required_rubygems_version = ">= 1.3.6"
|
17
18
|
gem.rubyforge_project = "animatecss"
|
18
19
|
|
@@ -21,6 +22,7 @@ Gem::Specification.new do |gem|
|
|
21
22
|
|
22
23
|
# Development Gem dependencies
|
23
24
|
gem.add_development_dependency "rails", "~> 4.2.4"
|
25
|
+
gem.add_development_dependency 'coffee-rails'
|
24
26
|
gem.add_development_dependency "bundler", "~> 1.7"
|
25
27
|
gem.add_development_dependency "rake", "~> 10.0"
|
26
28
|
gem.add_development_dependency "rspec-rails", "~> 3.2"
|
data/lib/animatecss/version.rb
CHANGED
@@ -0,0 +1,6 @@
|
|
1
|
+
# Place all the behaviors and hooks related to the matching controller here.
|
2
|
+
# All this logic will automatically be available in application.js.
|
3
|
+
# You can use CoffeeScript in this file: http://coffeescript.org/
|
4
|
+
$ ->
|
5
|
+
$(".main").animateCss('bounce')
|
6
|
+
$(".other").animateCss('fadeInUpBig')
|
data/spec/dummy/config/routes.rb
CHANGED
@@ -5,4 +5,11 @@ describe Animatecss, type: :feature do
|
|
5
5
|
visit "/assets/animate.css"
|
6
6
|
expect(page.status_code).to eq(200)
|
7
7
|
end
|
8
|
+
|
9
|
+
it "should have the js file on the assets pipeline" do
|
10
|
+
visit "/assets/animate.js"
|
11
|
+
expect(page.status_code).to eq(200)
|
12
|
+
end
|
13
|
+
|
14
|
+
it "should remove the animated classes when using the JS initializer"
|
8
15
|
end
|
@@ -0,0 +1,7 @@
|
|
1
|
+
do($ = window.jQuery, window) ->
|
2
|
+
$.fn.extend animateCss: (animationName) ->
|
3
|
+
animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'
|
4
|
+
$(this).addClass('animated ' + animationName).one animationEnd, ->
|
5
|
+
$(this).removeClass 'animated ' + animationName
|
6
|
+
return
|
7
|
+
return
|
@@ -1,11 +1,12 @@
|
|
1
1
|
@charset "UTF-8";
|
2
2
|
|
3
3
|
/*!
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
4
|
+
* animate.css -http://daneden.me/animate
|
5
|
+
* Version - 3.5.1
|
6
|
+
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
7
|
+
*
|
8
|
+
* Copyright (c) 2016 Daniel Eden
|
9
|
+
*/
|
9
10
|
|
10
11
|
.animated {
|
11
12
|
-webkit-animation-duration: 1s;
|
@@ -24,18 +25,14 @@ Copyright (c) 2015 Daniel Eden
|
|
24
25
|
animation-duration: 2s;
|
25
26
|
}
|
26
27
|
|
28
|
+
.animated.flipOutX,
|
29
|
+
.animated.flipOutY,
|
27
30
|
.animated.bounceIn,
|
28
31
|
.animated.bounceOut {
|
29
32
|
-webkit-animation-duration: .75s;
|
30
33
|
animation-duration: .75s;
|
31
34
|
}
|
32
35
|
|
33
|
-
.animated.flipOutX,
|
34
|
-
.animated.flipOutY {
|
35
|
-
-webkit-animation-duration: .75s;
|
36
|
-
animation-duration: .75s;
|
37
|
-
}
|
38
|
-
|
39
36
|
@-webkit-keyframes bounce {
|
40
37
|
from, 20%, 53%, 80%, to {
|
41
38
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
@@ -283,6 +280,77 @@ Copyright (c) 2015 Daniel Eden
|
|
283
280
|
animation-name: shake;
|
284
281
|
}
|
285
282
|
|
283
|
+
@-webkit-keyframes headShake {
|
284
|
+
0% {
|
285
|
+
-webkit-transform: translateX(0);
|
286
|
+
transform: translateX(0);
|
287
|
+
}
|
288
|
+
|
289
|
+
6.5% {
|
290
|
+
-webkit-transform: translateX(-6px) rotateY(-9deg);
|
291
|
+
transform: translateX(-6px) rotateY(-9deg);
|
292
|
+
}
|
293
|
+
|
294
|
+
18.5% {
|
295
|
+
-webkit-transform: translateX(5px) rotateY(7deg);
|
296
|
+
transform: translateX(5px) rotateY(7deg);
|
297
|
+
}
|
298
|
+
|
299
|
+
31.5% {
|
300
|
+
-webkit-transform: translateX(-3px) rotateY(-5deg);
|
301
|
+
transform: translateX(-3px) rotateY(-5deg);
|
302
|
+
}
|
303
|
+
|
304
|
+
43.5% {
|
305
|
+
-webkit-transform: translateX(2px) rotateY(3deg);
|
306
|
+
transform: translateX(2px) rotateY(3deg);
|
307
|
+
}
|
308
|
+
|
309
|
+
50% {
|
310
|
+
-webkit-transform: translateX(0);
|
311
|
+
transform: translateX(0);
|
312
|
+
}
|
313
|
+
}
|
314
|
+
|
315
|
+
@keyframes headShake {
|
316
|
+
0% {
|
317
|
+
-webkit-transform: translateX(0);
|
318
|
+
transform: translateX(0);
|
319
|
+
}
|
320
|
+
|
321
|
+
6.5% {
|
322
|
+
-webkit-transform: translateX(-6px) rotateY(-9deg);
|
323
|
+
transform: translateX(-6px) rotateY(-9deg);
|
324
|
+
}
|
325
|
+
|
326
|
+
18.5% {
|
327
|
+
-webkit-transform: translateX(5px) rotateY(7deg);
|
328
|
+
transform: translateX(5px) rotateY(7deg);
|
329
|
+
}
|
330
|
+
|
331
|
+
31.5% {
|
332
|
+
-webkit-transform: translateX(-3px) rotateY(-5deg);
|
333
|
+
transform: translateX(-3px) rotateY(-5deg);
|
334
|
+
}
|
335
|
+
|
336
|
+
43.5% {
|
337
|
+
-webkit-transform: translateX(2px) rotateY(3deg);
|
338
|
+
transform: translateX(2px) rotateY(3deg);
|
339
|
+
}
|
340
|
+
|
341
|
+
50% {
|
342
|
+
-webkit-transform: translateX(0);
|
343
|
+
transform: translateX(0);
|
344
|
+
}
|
345
|
+
}
|
346
|
+
|
347
|
+
.headShake {
|
348
|
+
-webkit-animation-timing-function: ease-in-out;
|
349
|
+
animation-timing-function: ease-in-out;
|
350
|
+
-webkit-animation-name: headShake;
|
351
|
+
animation-name: headShake;
|
352
|
+
}
|
353
|
+
|
286
354
|
@-webkit-keyframes swing {
|
287
355
|
20% {
|
288
356
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: animatecss
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ariel De La Rosa
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2016-05-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: railties
|
@@ -30,6 +30,20 @@ dependencies:
|
|
30
30
|
- - "<"
|
31
31
|
- !ruby/object:Gem::Version
|
32
32
|
version: '6.0'
|
33
|
+
- !ruby/object:Gem::Dependency
|
34
|
+
name: jquery-rails
|
35
|
+
requirement: !ruby/object:Gem::Requirement
|
36
|
+
requirements:
|
37
|
+
- - ">="
|
38
|
+
- !ruby/object:Gem::Version
|
39
|
+
version: '0'
|
40
|
+
type: :runtime
|
41
|
+
prerelease: false
|
42
|
+
version_requirements: !ruby/object:Gem::Requirement
|
43
|
+
requirements:
|
44
|
+
- - ">="
|
45
|
+
- !ruby/object:Gem::Version
|
46
|
+
version: '0'
|
33
47
|
- !ruby/object:Gem::Dependency
|
34
48
|
name: rails
|
35
49
|
requirement: !ruby/object:Gem::Requirement
|
@@ -44,6 +58,20 @@ dependencies:
|
|
44
58
|
- - "~>"
|
45
59
|
- !ruby/object:Gem::Version
|
46
60
|
version: 4.2.4
|
61
|
+
- !ruby/object:Gem::Dependency
|
62
|
+
name: coffee-rails
|
63
|
+
requirement: !ruby/object:Gem::Requirement
|
64
|
+
requirements:
|
65
|
+
- - ">="
|
66
|
+
- !ruby/object:Gem::Version
|
67
|
+
version: '0'
|
68
|
+
type: :development
|
69
|
+
prerelease: false
|
70
|
+
version_requirements: !ruby/object:Gem::Requirement
|
71
|
+
requirements:
|
72
|
+
- - ">="
|
73
|
+
- !ruby/object:Gem::Version
|
74
|
+
version: '0'
|
47
75
|
- !ruby/object:Gem::Dependency
|
48
76
|
name: bundler
|
49
77
|
requirement: !ruby/object:Gem::Requirement
|
@@ -164,14 +192,17 @@ files:
|
|
164
192
|
- spec/dummy/Rakefile
|
165
193
|
- spec/dummy/app/assets/images/.keep
|
166
194
|
- spec/dummy/app/assets/javascripts/application.js
|
195
|
+
- spec/dummy/app/assets/javascripts/welcome.coffee
|
167
196
|
- spec/dummy/app/assets/stylesheets/application.css
|
168
197
|
- spec/dummy/app/controllers/application_controller.rb
|
169
198
|
- spec/dummy/app/controllers/concerns/.keep
|
199
|
+
- spec/dummy/app/controllers/welcome_controller.rb
|
170
200
|
- spec/dummy/app/helpers/application_helper.rb
|
171
201
|
- spec/dummy/app/mailers/.keep
|
172
202
|
- spec/dummy/app/models/.keep
|
173
203
|
- spec/dummy/app/models/concerns/.keep
|
174
204
|
- spec/dummy/app/views/layouts/application.html.erb
|
205
|
+
- spec/dummy/app/views/welcome/index.html.erb
|
175
206
|
- spec/dummy/bin/bundle
|
176
207
|
- spec/dummy/bin/rails
|
177
208
|
- spec/dummy/bin/rake
|
@@ -198,7 +229,6 @@ files:
|
|
198
229
|
- spec/dummy/db/test.sqlite3
|
199
230
|
- spec/dummy/lib/assets/.keep
|
200
231
|
- spec/dummy/log/.keep
|
201
|
-
- spec/dummy/log/test.log
|
202
232
|
- spec/dummy/public/404.html
|
203
233
|
- spec/dummy/public/422.html
|
204
234
|
- spec/dummy/public/500.html
|
@@ -207,6 +237,7 @@ files:
|
|
207
237
|
- spec/lib/animatecss_spec.rb
|
208
238
|
- spec/rails_helper.rb
|
209
239
|
- spec/spec_helper.rb
|
240
|
+
- vendor/assets/javascripts/animate.coffee
|
210
241
|
- vendor/assets/stylesheets/animate.css
|
211
242
|
homepage: https://github.com/globalxolutions/animatecss
|
212
243
|
licenses:
|