mirror of
https://github.com/miggymofongo/asteroid.git
synced 2024-10-18 13:41:47 +00:00
20 lines
414 B
Sass
20 lines
414 B
Sass
|
// 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
|