fullpage-vue
Version:
vue fullpage rollup
43 lines (37 loc) • 672 B
CSS
.fullpage-container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.fullpage-wp {
display: flex;
width: 100%;
height: 100%;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
}
.fullpage-wp.anim{
transform: translate3d(0,0,0);
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.fullpage-wp.fullpage-wp-h {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.page {
box-sizing: border-box;
display: block;
position: relative;
width: 100%;
height: 100%;
flex-shrink: 0;
overflow: hidden;
}
.animated {
opacity: 1;
}