Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animate div on fixed position #1215

Closed
vipera7 opened this issue Jan 8, 2021 · 1 comment
Closed

Animate div on fixed position #1215

vipera7 opened this issue Jan 8, 2021 · 1 comment

Comments

@vipera7
Copy link

vipera7 commented Jan 8, 2021

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
Copy link
Collaborator

Please, see #1117.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants