Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add slide-right animation

Browse Source 
[MAILPOET-3088]
This commit is contained in:
Pavel Dohnal
2020-09-10 09:26:20 +02:00
committed by Veljko V
parent 13804c7de7
commit c384948fd3
1 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/css/src/components-public/_animation.scss
View File

@@ -58,3 +58,35 @@
opacity: .7;
}
}
.mailpoet_form_animation_slideright {
animation: slide-right 1s 1 cubic-bezier(.77, 0, .175, 1);
}
.mailpoet_form_popup.mailpoet_form_animation_slideright {
animation: slide-right-popup 1s 1 cubic-bezier(.77, 0, .175, 1);
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(-30%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slide-right-popup {
0% {
opacity: 0;
transform: translate(-80%, -50%);
}
100% {
opacity: 1;
transform: translate(-50%, -50%);
}
}