24 lines
616 B
HTML
24 lines
616 B
HTML
<link rel="stylesheet" href="/intern/css/wkvs.css">
|
|
|
|
<div class="welcomeScreen">
|
|
<div class="innerWelcomeScreen">
|
|
<p class="textWelcomeScreen title">WKVS</p>
|
|
<p class="textWelcomeScreen text">Kunstturnen</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const texts = document.querySelectorAll('.textWelcomeScreen');
|
|
|
|
texts.forEach(text => {
|
|
const characters = text.textContent.split('');
|
|
text.textContent = '';
|
|
|
|
characters.forEach((char, index) => {
|
|
const span = document.createElement('span');
|
|
span.textContent = char;
|
|
span.style.animationDelay = `${index * 0.1}s`;
|
|
text.appendChild(span);
|
|
});
|
|
});
|
|
</script> |