feat: Added @keyframes pageEnter (opacity 0→1, translateY 8→0, 250ms ea…
- "frontend/src/App.css" GSD-Task: S03/T02
This commit is contained in:
parent
cf0205bd5c
commit
836fcb2304
1 changed files with 23 additions and 0 deletions
|
|
@ -3728,3 +3728,26 @@ a.app-footer__about:hover,
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── Page-enter transition ────────────────────────────────────────────────── */
|
||||||
|
|
||||||
|
@keyframes pageEnter {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(8px);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.home,
|
||||||
|
.topics-browse,
|
||||||
|
.subtopic-page,
|
||||||
|
.search-results-page,
|
||||||
|
.creators-browse,
|
||||||
|
.creator-detail,
|
||||||
|
.technique-page {
|
||||||
|
animation: pageEnter 250ms ease-out;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue