| 12345678910111213141516171819 |
- // section transition styles
- .section
- opacity: 0
- visibility: hidden
- transition: opacity .4s ease-in-out, visibility 0s .4s
- &--is-active
- opacity: 1
- visibility: visible
- z-index: 1
- transition: opacity .4s ease-in-out .4s
- &--next
- transform: translateY(-45px)
- transition: transform .4s ease-in-out
- &--prev
- transform: translateY(45px)
- transition: transform .4s ease-in-out
|
