27 lines
507 B
SCSS
27 lines
507 B
SCSS
// Animations variables
|
|
$aos-distance: 100px !default;
|
|
|
|
/**
|
|
* Fade animations:
|
|
* fade
|
|
* fade-up, fade-down
|
|
*/
|
|
|
|
[data-aos^='fade'][data-aos^='fade']:not(.no-aos-animation) {
|
|
opacity: 0;
|
|
transition-property: opacity, transform;
|
|
|
|
&.aos-animate {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
[data-aos='fade-up']:not(.no-aos-animation) {
|
|
transform: translate3d(0, $aos-distance, 0);
|
|
}
|
|
|
|
[data-aos='fade-down']:not(.no-aos-animation) {
|
|
transform: translate3d(0, -$aos-distance, 0);
|
|
}
|