This commit is contained in:
@@ -166,17 +166,24 @@
|
||||
|
||||
@utility reveal-on-scroll {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
transform: translateY(40px) scale(0.95) rotate(-2deg);
|
||||
filter: blur(12px);
|
||||
transition:
|
||||
opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||||
transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||||
filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
transform: translateY(0) scale(1) rotate(0deg);
|
||||
filter: blur(0);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
transition: opacity 0.5s ease-out;
|
||||
opacity: 1;
|
||||
transform: none !important;
|
||||
filter: none !important;
|
||||
transition: opacity 0.3s ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user