Skip to content

Instantly share code, notes, and snippets.

@dudelis
Created March 14, 2019 13:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dudelis/da3da443bda333773143d61f966b5743 to your computer and use it in GitHub Desktop.
Save dudelis/da3da443bda333773143d61f966b5743 to your computer and use it in GitHub Desktop.
K2: Subform slide in right
.popup.dialog.sub-form {
animation-name: slideInRight;
animation-duration: 2s;
transform: translateX(117%);
}
.modalizer.modal-element {
animation-name: fadeOut;
animation-duration: 1s;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(217%, 0, 0);
transform: translate3d(217%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateX(117%);
transform: translateX(117%)
}
}
@-webkit-keyframes fadeOut {
0% {
background-color: rgba(0, 0, 0, 0);
}
100% {
background-color: rgba(0, 0, 0, 0.5);
}
}
@keyframes fadeOut {
0% {
background-color: rgba(0, 0, 0, 0);
}
100% {
background-color: rgba(0, 0, 0, 0.5);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(217%, 0, 0);
transform: translate3d(217%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateX(117%);
transform: translateX(117%)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment