Skip to content

Instantly share code, notes, and snippets.

@ericakfranz

ericakfranz/slide-right-center.css

Last active January 5, 2023 19: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 ericakfranz/9171196759c4ac448eb49dc0ce244a5f to your computer and use it in GitHub Desktop.
Save ericakfranz/9171196759c4ac448eb49dc0ce244a5f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
slide-right-center.css
html div#om-{{id}} {
margin-right: -20px !important;
height: 540px !important;
top: calc(540px / 2) !important;
bottom: calc(540px / 2) !important;
margin-top: auto !important;
margin-bottom: auto !important;
animation: 1s ease-out 0s 1 slideInFromRight;
}
@keyframes slideInFromRight {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment