testomg
This commit is contained in:
parent
50745dac1b
commit
8170e13607
@ -5,7 +5,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||||||
// Initial styles for fade-in effect
|
// Initial styles for fade-in effect
|
||||||
h1.style.opacity = '0';
|
h1.style.opacity = '0';
|
||||||
h1.style.transform = 'translateX(-35px)';
|
h1.style.transform = 'translateX(-35px)';
|
||||||
|
|
||||||
h2.style.opacity = '0';
|
h2.style.opacity = '0';
|
||||||
h2.style.transform = 'translateX(-35px)';
|
h2.style.transform = 'translateX(-35px)';
|
||||||
|
|
||||||
@ -14,11 +14,13 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||||||
void h2.offsetWidth;
|
void h2.offsetWidth;
|
||||||
|
|
||||||
// Apply the fade-in effect
|
// Apply the fade-in effect
|
||||||
h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
|
setTimeout(function () {
|
||||||
h1.style.opacity = '1';
|
h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
|
||||||
h1.style.transform = 'translateX(0)';
|
h1.style.opacity = '1';
|
||||||
|
h1.style.transform = 'translateX(0)';
|
||||||
|
|
||||||
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)';
|
||||||
|
}, 100);
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user