vargha/hoponhopofftickets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added reveal animation to all pages.

Browse Source
This commit is contained in:
vargha1
2026-09-22 09:42:25 +03:30
parent de38302be3
commit e4d2afc2fa
2 changed files with 71 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
new front/css/style.css
View File

@@ -4118,3 +4118,42 @@ or: var(--c-teal);
.acc__q[aria-expanded="false"] + .acc__a p {
padding-top: 0;
}
/* =========================================================
Scroll reveal
each top-level section fades and rises into place the first
time it crosses into view; its cards cascade in right after
========================================================= */
@media (prefers-reduced-motion: no-preference) {
.reveal {
opacity: 0;
transform: translateY(2.5rem);
transition:
opacity 0.7s var(--ease),
transform 0.7s var(--ease);
}
.reveal.is-visible {
opacity: 1;
transform: none;
}
.reveal-item {
opacity: 0;
}
.reveal-item.is-visible {
animation: card-rise 0.6s var(--ease) both;
}
@keyframes card-rise {
from {
opacity: 0;
transform: translateY(1.5rem);
}
to {
opacity: 1;
transform: none;
}
}
}