Search
 
SCRIPT & CODE EXAMPLE
 

CSS

nuxt page transition

.layout-enter-active,
.page-enter-active,
.layout-leave-active,
.page-leave-active {
    transition: opacity 400ms, transform 400ms;
}

.layout-enter,
.page-enter {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
}

.layout-enter-to,
.page-enter-to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.layout-leave,
.page-leave {
    opacity: 1;
}

.layout-leave-to,
.page-leave-to {
    opacity: 0;
}
Comment

PREVIOUS NEXT
Code Example
Css :: wrap text around circle image css 
Css :: align centre 
Css :: css round image without stretching 
Css :: how to make text disappear after a certain length css 
Css :: css linkup 
Css :: @font-face 
Css :: div center 
Css :: linear-gradient tailwind 
Css :: grid template 
Css :: .col-12 bootstrap 
Css :: make clicks pass through element css html 
Css :: vsc css autocomplet 
Css :: how to style the button 
Css :: css class and id 
Css :: css animation-fill-mode 
Css :: css button generator 
Css :: aos makes screen unresponsive 
Css :: flex basis 
Css :: animation-direction in css 
Css :: tailwind css margin auto 
Css :: how use befor after for image 
Css :: scrollbar with 2 different colors on same page css 
Css :: css reset code 
Css :: can you control another div on hover css 
Css :: select parent element css 
Css :: css cheat sheet 
Css :: how to add grow effect animation button in css 
Css :: css changer la couleur de la sélection 
Css :: what is display inline 
Css :: webkit-scrollbar-button css 
ADD CONTENT
Topic
Content
Source link
Name
8+3 =