mirror of
https://github.com/Patiun/com.gregkilmer.www.git
synced 2026-11-08 04:08:24 +00:00
header pass
This commit is contained in:
+13
-5
@@ -272,22 +272,29 @@
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
/* Elegant entrance: a slow rise + soft focus-clear, with a gentle scale settle.
|
||||
* Slower and smoother than a plain fade-up so text "settles" into place rather
|
||||
* than popping. The slight blur-to-sharp adds a dreamy, mystical quality. */
|
||||
.reveal {
|
||||
opacity: 0;
|
||||
transform: translateY(24px);
|
||||
transform: translateY(18px) scale(0.985);
|
||||
filter: blur(6px);
|
||||
transition:
|
||||
opacity 0.7s var(--ease-out-soft),
|
||||
transform 0.7s var(--ease-out-soft);
|
||||
will-change: opacity, transform;
|
||||
opacity 0.9s var(--ease-out-soft),
|
||||
transform 1s var(--ease-out-soft),
|
||||
filter 0.9s var(--ease-out-soft);
|
||||
will-change: opacity, transform, filter;
|
||||
}
|
||||
.reveal.is-visible {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
transform: translateY(0) scale(1);
|
||||
filter: blur(0px);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.reveal {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
filter: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
@@ -366,6 +373,7 @@
|
||||
html.vt-transitioning .reveal {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
||||
Reference in New Issue
Block a user