css - Keyframes are not working on IE -

i made research on stackoverflow , everywhere on web issue keyframes on ie, couldn't find proper answer.

i can't css code below work on ie , have no idea how fix issue:

body{   color: #444444;   text-align: center;   height: 100%;   background-color: #fff;   font-family: 'montserrat', helvetica, arial, sans-serif;   -webkit-font-smoothing: antialiased;   font-smoothing: antialiased;   opacity: 0;   -webkit-animation: showimg 1200ms 600ms forwards ease-out;   -o-animation: showimg 1200ms 600ms forwards ease-out;   -moz-animation: showimg 1200ms 600ms forwards ease-out;   animation: showimg 1200ms 600ms forwards ease-out; }  @keyframes showimg{   100% {     opacity: 1;   } }  @keyframes hideimg{   0% {     opacity: 1;   }   100% {     opacity: 0;   } }  @-webkit-keyframes showimg{   100% {     opacity: 1;   } }  @-webkit-keyframes hideimg{   0% {     opacity: 1;   }   100% {     opacity: 0;   } }  @-o-keyframes showimg{   100% {     opacity: 1;   } }  @-o-keyframes hideimg{   0% {     opacity: 1;   }   100% {     opacity: 0;   } } 

it works fine on firefox , chrome.

has encoutered problem too?

thanks million in advance help.