diff options
| author | Andreas Bovens <[email protected]> | 2012-03-24 18:53:27 +0100 |
|---|---|---|
| committer | Andreas Bovens <[email protected]> | 2012-03-24 18:53:27 +0100 |
| commit | de0aaff4338acc72b5c6220f4731b7fa7c52ac2c (patch) | |
| tree | 83ce89e4cc453d3414be121eab38878b3e98e502 | |
| parent | d335adf644b213a5ebc9cee3f37f781ad55194ef (diff) | |
| download | bootstrap-de0aaff4338acc72b5c6220f4731b7fa7c52ac2c.tar.xz bootstrap-de0aaff4338acc72b5c6220f4731b7fa7c52ac2c.zip | |
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.
| -rw-r--r-- | docs/assets/css/bootstrap.css | 2 | ||||
| -rw-r--r-- | less/progress-bars.less | 8 |
2 files changed, 10 insertions, 0 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 495188af7..118eb10ca 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3753,6 +3753,8 @@ a.thumbnail:hover { .progress.active .bar { -webkit-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; } .progress-danger .bar { diff --git a/less/progress-bars.less b/less/progress-bars.less index 5979a3691..e6e30b34c 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -23,6 +23,12 @@ to { background-position: 40px 0; } } +// Opera +@-o-keyframes progress-bar-stripes { + from { background-position: 0 0; } + to { background-position: 40px 0; } +} + // Spec @keyframes progress-bar-stripes { from { background-position: 0 0; } @@ -68,6 +74,8 @@ .progress.active .bar { -webkit-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; } |