Add special animation for fixed bar rendered on top

[MAILPOET-2967]
This commit is contained in:
Rostislav Wolny
2020-06-15 14:45:58 +02:00
committed by Veljko V
parent fef0d0f9b8
commit 8874e416a3

View File

@@ -252,6 +252,10 @@ div.mailpoet_form_fixed_bar {
form {
margin: 0 auto;
}
&.mailpoet_form_position_top {
animation: fade-in-down 1s 1 cubic-bezier(0.77,0,.175,1);
}
}
.mailpoet_form_position_top {
@@ -296,6 +300,18 @@ div.mailpoet_form_slide_in {
}
}
@keyframes fade-in-down {
0% {
opacity: 0;
transform: translateY(-30%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.mailpoet_form_position_left {
left: 0;
}