Skip to content
Snippets Groups Projects
Commit b19cc31f authored by HauErn Lien's avatar HauErn Lien
Browse files

Update file tryhomepage.html

parent c8244f75
No related branches found
No related tags found
No related merge requests found
...@@ -85,6 +85,36 @@ ...@@ -85,6 +85,36 @@
</style> </style>
<script>
let intro = document.querySelector('.intro');
let logo = document.querySelector('.logoheader');
let logoSpan = document.querySelectorAll('.logo');
window.addEventListener('DOMContentLoaded', ()=>{
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.add('active');
}, (idx+1) * 400)
});
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.remove('active');
span.classList.add('fade');
}, (idx + 1) * 50)
})
}, 2000);
setTimeout(()=>{
intro.style.top = '-100vh';
}, 2300)
})
})
</script>
</head> </head>
<body> <body>
...@@ -96,34 +126,6 @@ ...@@ -96,34 +126,6 @@
</h1> </h1>
</div> </div>
<script>
let intro = document.querySelector('.intro');
let logo = document.querySelector('.logoheader');
let logoSpan = document.querySelectorAll('.logo');
window.addEventListener('DOMContentLoaded', ()=>{
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.add('active');
}, (idx+1) * 400)
});
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.remove('active');
span.classList.add('fade');
}, (idx + 1) * 50)
})
}, 2000);
setTimeout(()=>{
intro.style.top = '-100vh';
}, 2300)
})
})
</script>
</body> </body>
</html> </html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment