Permalink
Browse files

Add -webkit-filter to @keyframes (without prefix) so newer versions o…

…f WebKit browsers are aware of it
  • Loading branch information...
1 parent e5596f5 commit 795abdae5fe762acd2f27ae53d975318a5922744 @MarcelGerber MarcelGerber committed Aug 17, 2016
@@ -39,8 +39,7 @@ samp {
}
img {
- -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
- animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
+ animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
background: transparent;
border: 10px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
@@ -49,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
@muro2018
muro2018 Nov 30, 2016

amazing work mate..

- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -53,20 +53,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
@@ -48,20 +48,13 @@ img {
max-width: 95%;
}
-@-webkit-keyframes colorize {
- 0% {
- -webkit-filter: grayscale(100%);
- }
- 100% {
- -webkit-filter: grayscale(0%);
- }
-}
-
@keyframes colorize {
0% {
+ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
+ -webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
Oops, something went wrong.

0 comments on commit 795abda

Please sign in to comment.