Commit de0aaff4 authored by Andreas Bovens's avatar Andreas Bovens
Browse files

Added -o- and -ms- prefixes to animations CSS

Added -o- and -ms- prefixes to make the animated progress bars to work
in the latest/upcoming versions of IE and Opera.
parent d335adf6
3 merge requests!2929Responsive video - from zurp's foundation,!28752.0.3 wip,!2783Added vendor-prefixes to CSS animations rules.
Showing with 10 additions and 0 deletions
+10 -0
...@@ -3753,6 +3753,8 @@ a.thumbnail:hover { ...@@ -3753,6 +3753,8 @@ a.thumbnail:hover {
.progress.active .bar { .progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite; -webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;
} }
.progress-danger .bar { .progress-danger .bar {
......
...@@ -23,6 +23,12 @@ ...@@ -23,6 +23,12 @@
to { background-position: 40px 0; } to { background-position: 40px 0; }
} }
// Opera
@-o-keyframes progress-bar-stripes {
from { background-position: 0 0; }
to { background-position: 40px 0; }
}
// Spec // Spec
@keyframes progress-bar-stripes { @keyframes progress-bar-stripes {
from { background-position: 0 0; } from { background-position: 0 0; }
...@@ -68,6 +74,8 @@ ...@@ -68,6 +74,8 @@
.progress.active .bar { .progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite; -webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment