Back to library
INTERACTION_030
Page Entry.
A short, uniform entrance applied at the route level so navigation feels continuous instead of instant-swap harsh.
- CATEGORY
- App UI
- COMPLEXITY
- Easy
- TECH
- CSS
- PLATFORM
- Both
- PERFORMANCE
- Light
LIVE PLAYGROUND
CSS / CSS
.page-enter {
animation: pageIn 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes pageIn {
from { opacity: 0; transform: translateY(8px); filter: blur(4px); }
}