Animate div on fixed position

[vipera7]

Describe the bug A clear and concise description of what the bug is. I'm trying to animate a fixed div. The div is centered

<style>
.alert_return_msg{
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    color: #FFFFFF;
    background: red;
}
</style>
<div id="alert_return_err" class="alert alert-danger alert_return_msg" role="alert">
    <div id="alert_return_message_err" class="alert_body">SOME TEXT</div>
</div>
<script>
animateCSS('#alert_return_err', 'slideInDown');
</script>

When the animation end, the div is automatically going to the center of the page horizontally. When the div is animated, its position is on the left.

[eltonmesquita]

Please, see #1117.