animatecss 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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: