animatecss 0.0.9 → 0.0.10

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: d034c2515d28c1e4314fd332dc3c712e121dffb7
4
- data.tar.gz: a616f54ba6ff95bcfcc4031ec9cd9f5a5a856f17
2
+ SHA256:
3
+ metadata.gz: 6ed412c264e4372de911dfcc0d9b6544ad20045cdd7fb9aa0d6fcb02b56e1c57
4
+ data.tar.gz: a8c86c13f2a3c29323b5847c5794758299a77ab590a06db1540023d0d19cef1a
5
5
  SHA512:
6
- metadata.gz: ce546bcdde6010fb80d59b08e68519f92ca28cf0310c6df343b5f7afb60dc49dfa220d105392400a4402bc3a309b916420b4e73331005288b5e965289c20981f
7
- data.tar.gz: a2b0eec05b61c4379fff7baa40f8e796ba7ec1888b931f77ab48de5b37c64ac65e2f67ddd5c5db71803ef19e042f090173356a9f39e2c7e5dfb2c89093643c31
6
+ metadata.gz: ebf7d900e5be8882a620c1a78ef51a0b5db81f95be94e290c1b54e57f529e3092ec49e00bb4e622a107735c58b3d70e21744a1db5fe04f914314b4dab6a3144c
7
+ data.tar.gz: 8757ec5d29731998e32f4d9aac7f40881daeda02db1217bca17b94458b8896374910f93d9309fb5e2c2fb32f22cc96ee70aeb856a8d8ed8d28fb5e6fe348bd58
@@ -1,3 +1,3 @@
1
1
  module Animatecss
2
- VERSION = "0.0.9"
2
+ VERSION = "0.0.10"
3
3
  end
@@ -2,24 +2,12 @@
2
2
 
3
3
  /*!
4
4
  * animate.css -http://daneden.me/animate
5
- * Version - 3.6.0
5
+ * Version - 3.7.0
6
6
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
7
7
  *
8
8
  * Copyright (c) 2018 Daniel Eden
9
9
  */
10
10
 
11
- .animated {
12
- -webkit-animation-duration: 1s;
13
- animation-duration: 1s;
14
- -webkit-animation-fill-mode: both;
15
- animation-fill-mode: both;
16
- }
17
-
18
- .animated.infinite {
19
- -webkit-animation-iteration-count: infinite;
20
- animation-iteration-count: infinite;
21
- }
22
-
23
11
  @-webkit-keyframes bounce {
24
12
  from,
25
13
  20%,
@@ -678,6 +666,69 @@
678
666
  transform-origin: center;
679
667
  }
680
668
 
669
+ @-webkit-keyframes heartBeat {
670
+ 0% {
671
+ -webkit-transform: scale(1);
672
+ transform: scale(1);
673
+ }
674
+
675
+ 14% {
676
+ -webkit-transform: scale(1.3);
677
+ transform: scale(1.3);
678
+ }
679
+
680
+ 28% {
681
+ -webkit-transform: scale(1);
682
+ transform: scale(1);
683
+ }
684
+
685
+ 42% {
686
+ -webkit-transform: scale(1.3);
687
+ transform: scale(1.3);
688
+ }
689
+
690
+ 70% {
691
+ -webkit-transform: scale(1);
692
+ transform: scale(1);
693
+ }
694
+ }
695
+
696
+ @keyframes heartBeat {
697
+ 0% {
698
+ -webkit-transform: scale(1);
699
+ transform: scale(1);
700
+ }
701
+
702
+ 14% {
703
+ -webkit-transform: scale(1.3);
704
+ transform: scale(1.3);
705
+ }
706
+
707
+ 28% {
708
+ -webkit-transform: scale(1);
709
+ transform: scale(1);
710
+ }
711
+
712
+ 42% {
713
+ -webkit-transform: scale(1.3);
714
+ transform: scale(1.3);
715
+ }
716
+
717
+ 70% {
718
+ -webkit-transform: scale(1);
719
+ transform: scale(1);
720
+ }
721
+ }
722
+
723
+ .heartBeat {
724
+ -webkit-animation-name: heartBeat;
725
+ animation-name: heartBeat;
726
+ -webkit-animation-duration: 1.3s;
727
+ animation-duration: 1.3s;
728
+ -webkit-animation-timing-function: ease-in-out;
729
+ animation-timing-function: ease-in-out;
730
+ }
731
+
681
732
  @-webkit-keyframes bounceIn {
682
733
  from,
683
734
  20%,
@@ -1850,36 +1901,44 @@
1850
1901
 
1851
1902
  @-webkit-keyframes flip {
1852
1903
  from {
1853
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1854
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1904
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
1905
+ rotate3d(0, 1, 0, -360deg);
1906
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
1855
1907
  -webkit-animation-timing-function: ease-out;
1856
1908
  animation-timing-function: ease-out;
1857
1909
  }
1858
1910
 
1859
1911
  40% {
1860
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1861
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1912
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1913
+ rotate3d(0, 1, 0, -190deg);
1914
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1915
+ rotate3d(0, 1, 0, -190deg);
1862
1916
  -webkit-animation-timing-function: ease-out;
1863
1917
  animation-timing-function: ease-out;
1864
1918
  }
1865
1919
 
1866
1920
  50% {
1867
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1868
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1921
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1922
+ rotate3d(0, 1, 0, -170deg);
1923
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1924
+ rotate3d(0, 1, 0, -170deg);
1869
1925
  -webkit-animation-timing-function: ease-in;
1870
1926
  animation-timing-function: ease-in;
1871
1927
  }
1872
1928
 
1873
1929
  80% {
1874
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
1875
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
1930
+ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
1931
+ rotate3d(0, 1, 0, 0deg);
1932
+ transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
1933
+ rotate3d(0, 1, 0, 0deg);
1876
1934
  -webkit-animation-timing-function: ease-in;
1877
1935
  animation-timing-function: ease-in;
1878
1936
  }
1879
1937
 
1880
1938
  to {
1881
- -webkit-transform: perspective(400px);
1882
- transform: perspective(400px);
1939
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
1940
+ rotate3d(0, 1, 0, 0deg);
1941
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
1883
1942
  -webkit-animation-timing-function: ease-in;
1884
1943
  animation-timing-function: ease-in;
1885
1944
  }
@@ -1887,36 +1946,44 @@
1887
1946
 
1888
1947
  @keyframes flip {
1889
1948
  from {
1890
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1891
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1949
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
1950
+ rotate3d(0, 1, 0, -360deg);
1951
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
1892
1952
  -webkit-animation-timing-function: ease-out;
1893
1953
  animation-timing-function: ease-out;
1894
1954
  }
1895
1955
 
1896
1956
  40% {
1897
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1898
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1957
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1958
+ rotate3d(0, 1, 0, -190deg);
1959
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1960
+ rotate3d(0, 1, 0, -190deg);
1899
1961
  -webkit-animation-timing-function: ease-out;
1900
1962
  animation-timing-function: ease-out;
1901
1963
  }
1902
1964
 
1903
1965
  50% {
1904
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1905
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1966
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1967
+ rotate3d(0, 1, 0, -170deg);
1968
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1969
+ rotate3d(0, 1, 0, -170deg);
1906
1970
  -webkit-animation-timing-function: ease-in;
1907
1971
  animation-timing-function: ease-in;
1908
1972
  }
1909
1973
 
1910
1974
  80% {
1911
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
1912
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
1975
+ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
1976
+ rotate3d(0, 1, 0, 0deg);
1977
+ transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
1978
+ rotate3d(0, 1, 0, 0deg);
1913
1979
  -webkit-animation-timing-function: ease-in;
1914
1980
  animation-timing-function: ease-in;
1915
1981
  }
1916
1982
 
1917
1983
  to {
1918
- -webkit-transform: perspective(400px);
1919
- transform: perspective(400px);
1984
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
1985
+ rotate3d(0, 1, 0, 0deg);
1986
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
1920
1987
  -webkit-animation-timing-function: ease-in;
1921
1988
  animation-timing-function: ease-in;
1922
1989
  }
@@ -2185,13 +2252,11 @@
2185
2252
  80% {
2186
2253
  -webkit-transform: skewX(-5deg);
2187
2254
  transform: skewX(-5deg);
2188
- opacity: 1;
2189
2255
  }
2190
2256
 
2191
2257
  to {
2192
2258
  -webkit-transform: translate3d(0, 0, 0);
2193
2259
  transform: translate3d(0, 0, 0);
2194
- opacity: 1;
2195
2260
  }
2196
2261
  }
2197
2262
 
@@ -2211,13 +2276,11 @@
2211
2276
  80% {
2212
2277
  -webkit-transform: skewX(-5deg);
2213
2278
  transform: skewX(-5deg);
2214
- opacity: 1;
2215
2279
  }
2216
2280
 
2217
2281
  to {
2218
2282
  -webkit-transform: translate3d(0, 0, 0);
2219
2283
  transform: translate3d(0, 0, 0);
2220
- opacity: 1;
2221
2284
  }
2222
2285
  }
2223
2286
 
@@ -3492,3 +3555,69 @@
3492
3555
  -webkit-animation-name: slideOutUp;
3493
3556
  animation-name: slideOutUp;
3494
3557
  }
3558
+
3559
+ .animated {
3560
+ -webkit-animation-duration: 1s;
3561
+ animation-duration: 1s;
3562
+ -webkit-animation-fill-mode: both;
3563
+ animation-fill-mode: both;
3564
+ }
3565
+
3566
+ .animated.infinite {
3567
+ -webkit-animation-iteration-count: infinite;
3568
+ animation-iteration-count: infinite;
3569
+ }
3570
+
3571
+ .animated.delay-1s {
3572
+ -webkit-animation-delay: 1s;
3573
+ animation-delay: 1s;
3574
+ }
3575
+
3576
+ .animated.delay-2s {
3577
+ -webkit-animation-delay: 2s;
3578
+ animation-delay: 2s;
3579
+ }
3580
+
3581
+ .animated.delay-3s {
3582
+ -webkit-animation-delay: 3s;
3583
+ animation-delay: 3s;
3584
+ }
3585
+
3586
+ .animated.delay-4s {
3587
+ -webkit-animation-delay: 4s;
3588
+ animation-delay: 4s;
3589
+ }
3590
+
3591
+ .animated.delay-5s {
3592
+ -webkit-animation-delay: 5s;
3593
+ animation-delay: 5s;
3594
+ }
3595
+
3596
+ .animated.fast {
3597
+ -webkit-animation-duration: 800ms;
3598
+ animation-duration: 800ms;
3599
+ }
3600
+
3601
+ .animated.faster {
3602
+ -webkit-animation-duration: 500ms;
3603
+ animation-duration: 500ms;
3604
+ }
3605
+
3606
+ .animated.slow {
3607
+ -webkit-animation-duration: 2s;
3608
+ animation-duration: 2s;
3609
+ }
3610
+
3611
+ .animated.slower {
3612
+ -webkit-animation-duration: 3s;
3613
+ animation-duration: 3s;
3614
+ }
3615
+
3616
+ @media (prefers-reduced-motion) {
3617
+ .animated {
3618
+ -webkit-animation: unset !important;
3619
+ animation: unset !important;
3620
+ -webkit-transition: none !important;
3621
+ transition: none !important;
3622
+ }
3623
+ }
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.9
4
+ version: 0.0.10
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: 2018-02-12 00:00:00.000000000 Z
11
+ date: 2018-11-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -259,7 +259,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
259
259
  version: 1.3.6
260
260
  requirements: []
261
261
  rubyforge_project: animatecss
262
- rubygems_version: 2.6.14
262
+ rubygems_version: 2.7.7
263
263
  signing_key:
264
264
  specification_version: 4
265
265
  summary: 'Animate Css is an open source library created by: Dan Eden, more info visit: