mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

reveal
All checks were successful
Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 3m57s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-01-29 15:11:04 +01:00
parent 7b6f4b5ea4
commit 8101a9f156
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
styles/globals.css
View File

@@ -51,12 +51,12 @@
to { transform: scale(1.1); }
}
@keyframes reveal {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
from { opacity: 0; transform: translateY(20px); filter: blur(8px); }
to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes slight-fade-in-from-bottom {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
from { opacity: 0; transform: translateY(10px); filter: blur(4px); }
to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
}
@@ -166,16 +166,16 @@
@utility reveal-on-scroll {
opacity: 0;
transform: translateY(40px) scale(0.95) rotate(-2deg);
filter: blur(12px);
transform: translateY(20px);
filter: blur(8px);
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);
opacity 0.6s ease-out,
transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
&.is-visible {
opacity: 1;
transform: translateY(0) scale(1) rotate(0deg);
transform: translateY(0);
filter: blur(0);
}