Css3 animation Google is normal, some elements disappear after the end of IE animation

css3 animation Google is normal, and some elements disappear after the end of IE animation

@keyframes inSmallTop
{
    0%   { opacity: 0; position: relative; top: -50px;}
    100% { opacity: 1; position: relative; top: 0px;}
}

@-moz-keyframes inSmallTop /* Firefox */
{
    0%   { opacity: 0; position: relative; top: -50px;}
    100% { opacity: 1; position: relative; top: 0px;}
}

@-webkit-keyframes inSmallTop /* Safari and Chrome */
{
    0%   { opacity: 0; position: relative; top: -50px;}
    100% { opacity: 1; position: relative; top: 0px;}
}

@-o-keyframes inSmallTop /* Opera */
{
    0%   { opacity: 0; position: relative; top: -50px;}
    100% { opacity: 1; position: relative; top: 0px;}
}
.leftMenuLogoAnima{
    animation:inSmallTop 2s;
    -moz-animation:inSmallTop 2s; /* Firefox */
    -webkit-animation:inSmallTop 2s; /* Safari and Chrome */
    -o-animation:inSmallTop 2s; /* Opera */
}
Dec.29,2021

if compatible with IE browsers, it is recommended to add-ms- kernel, and then add filter:alpha (opacity:100); compatible with opacity attribute

Menu