Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Fix the grayscale animation in our samples #12683

Merged
merged 1 commit into from
Aug 17, 2016
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 3 additions & 11 deletions samples/bg/Getting Started/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -49,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%);
}
}
11 changes: 2 additions & 9 deletions samples/cs/Getting Started/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/da/Kom godt i gang/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/de/Erste Schritte/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/el/Getting Started/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/es/Primeros Pasos/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/fa-ir/Getting Started/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
Expand Down
11 changes: 2 additions & 9 deletions samples/fi/Aloitus/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/fr/Premiers pas/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/id/Memulai/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/it/Primi passi/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/ja/Getting Started/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/nl/Aan-de-slag/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/pl/Szybki Start/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/pt-br/Primeiros Passos/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
11 changes: 2 additions & 9 deletions samples/pt-pt/Primeiros Passos/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}
Loading