Didi/Website
1
0
Fork 0
mirror of https://github.com/DidiDidi129/Website.git synced 2026-04-05 12:04:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Waves

Browse Source
This commit is contained in:
DidiDidi129
2025-09-06 00:22:02 +09:30
parent 1046abf315
commit 93486feb1b
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/main.css
View File

@@ -1823,4 +1823,21 @@ input, select, textarea {
align-items: center; align-items: center;
gap: 30px; gap: 30px;
} }
} }
.wave-text span {
display: inline-block;
font-size: 4rem;
animation: wave 2s ease-in-out infinite;
animation-delay: calc(0.1s * (var(--i)));
}
@keyframes wave {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}

6
index.html
View File

@@ -24,7 +24,11 @@
</div> </div>
<div class="content"> <div class="content">
<div class="inner"> <div class="inner">
<h1>DidiDidi129</h1> <div class="wave-container">
<h1 class="wave-text">
<span style="--i:1">D</span><span style="--i:2">i</span><span style="--i:3">d</span><span style="--i:4">i</span><span style="--i:5">D</span><span style="--i:6">i</span><span style="--i:7">d</span><span style="--i:8">i</span><span style="--i:9">1</span><span style="--i:10">2</span><span style="--i:11">9</span>
</h1>
</div>
<p>Hey! Welcome to my website! Be sure to take a look at the pages below!</p> <p>Hey! Welcome to my website! Be sure to take a look at the pages below!</p>
</div> </div>
<ul class="icons"> <ul class="icons">