Проблема с CSS-эффектами в IE

Question

У меня есть строка меню с тремя эффектами:

.transition{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rounded{
    -webkit-border-radius: 0px 10px 10px 0;
    -moz-border-radius: 0px 10px 10px 0;
    -ms-border-radius: 0px 10px 10px 0;
         border-radius: 0px 10px 10px 0;
}

.shadow{
        -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
        -ms-box-shadow: 2px 2px 4px #888;
         box-shadow: 2px 2px 4px #888;
}

, они отлично работают с Chrome и FF, но не с IE9.помочь?

Answer 1

IE9 не поддерживает большинство функций CSS3. См. Эту ссылку, чтобы увидеть действительные функции и эту ссылку для справки Microsoft .

Answer 2

Если вы имеете в виду переходы, это потому, что IE 9 не поддерживает переходы CSS - http://caniuse.com/#search=transitions.