Fix the locations list filters and add reveal transitions

Typically add a delay between two click (Limiter) to click again. Thanks Nico!
This commit is contained in:
2020-02-26 15:56:22 +01:00
parent 042440188e
commit c9b1f63c64
5 changed files with 110 additions and 47 deletions

View File

@@ -101,6 +101,40 @@
}
// Location reveal
[data-aos="location"] {
img {
opacity: 0;
transform: scale(1.15);
transition: opacity 0.6s $ease-quart, transform 0.6s $ease-quart;
will-change: opacity, transform;
}
h3, p {
transform: translateY(150%);
transition: transform 0.6s $ease-quart;
will-change: transform;
}
h3 {
transition: all 0.6s $ease-quart;
transition-delay: 100ms;
}
p {
transition-delay: 200ms;
}
&.aos-animate {
img {
opacity: 1;
transform: scale(1);
}
h3, p {
transform: translateY(0);
}
}
}
/* ==========================================================================
KEYFRAMES ANIMATIONS