Skip to content

Instantly share code, notes, and snippets.

@ericakfranz

ericakfranz/slide-left-center.css

Last active January 5, 2023 19:29
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/db2fbdcba505a7d90fb3c05a858975cd to your computer and use it in GitHub Desktop.
Save ericakfranz/db2fbdcba505a7d90fb3c05a858975cd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
slide-left-center.css
html div#om-{{id}} {
left: 0 !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 slideInFromLeft;
}
@keyframes slideInFromLeft {
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