made the anim work for admins too
This commit is contained in:
parent
82cf0085b4
commit
8accaa58f4
@ -3,8 +3,8 @@
|
|||||||
|
|
||||||
<header class="admin-index-header">
|
<header class="admin-index-header">
|
||||||
<div class="admin-index-header-text" id="headerText">
|
<div class="admin-index-header-text" id="headerText">
|
||||||
<h1 class="admin-index-h1 fade-in">Hello,</h1>
|
<h1 class="admin-index-h1">Hello,</h1>
|
||||||
<h2 class="admin-index-h2 fade-in">Admin <span class="outlined-text"><template name="username"></span>!</h2>
|
<h2 class="admin-index-h2">Admin <span class="outlined-text"><template name="username"></span>!</h2>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
@ -14,6 +14,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||||||
void h2.offsetWidth;
|
void h2.offsetWidth;
|
||||||
|
|
||||||
// Apply the fade-in effect
|
// Apply the fade-in effect
|
||||||
|
setTimeout(function () {
|
||||||
h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
|
h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
|
||||||
h1.style.opacity = '1';
|
h1.style.opacity = '1';
|
||||||
h1.style.transform = 'translateX(0)';
|
h1.style.transform = 'translateX(0)';
|
||||||
@ -21,4 +22,5 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||||||
h2.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
|
h2.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
|
||||||
h2.style.opacity = '1';
|
h2.style.opacity = '1';
|
||||||
h2.style.transform = 'translateX(0)';
|
h2.style.transform = 'translateX(0)';
|
||||||
|
}, 250);
|
||||||
});
|
});
|
||||||
|
@ -31,8 +31,3 @@ body {
|
|||||||
transform: translateX(-35px);
|
transform: translateX(-35px);
|
||||||
transition: opacity 0.8s ease, transform 0.6s ease;
|
transition: opacity 0.8s ease, transform 0.6s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-in {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateX(0);
|
|
||||||
}
|
|
||||||
|
Loading…
Reference in New Issue
Block a user