Skip to content

Instantly share code, notes, and snippets.

@cannap
Created March 13, 2018 10:07
Show Gist options
  • Save cannap/4be603ebafbd2b571f80e4d9f5f012b0 to your computer and use it in GitHub Desktop.
Save cannap/4be603ebafbd2b571f80e4d9f5f012b0 to your computer and use it in GitHub Desktop.
.page-leave-active {
animation: blurOut 0.3s ease-in both;
overflow-y: hidden !important;
}
.page-enter-active {
animation: blurIn 0.3s ease-in both;
}
.section {
padding: 40px 0;
position: relative;
z-index: 2;
}
@keyframes blurOut {
from {
filter: blur(0px);
opacity: 0;
}
to {
filter: blur(200px);
opacity: 1;
}
}
@keyframes blurIn {
from {
filter: blur(200px);
}
to {
filter: blur(0px);
}
}
@cannap
Copy link
Author

cannap commented Mar 13, 2018

 transition: 'page',

@bovas85
Copy link

bovas85 commented Mar 13, 2018

nice one :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment