It can give a fade-in effect when the page loads.
<head>
<style>
@keyframes fadeUp {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.notion-scroller {
animation: 1s ease fadeUp;
}
</style>
</head>
HTML
복사
