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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user