waifu/waifuism
1
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

make melon wiggle

Browse source
This commit is contained in:
waifu 2024-04-27 00:25:29 -03:00
parent 8cfe80e3b3
commit 5257bd7a1e
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
home/index.html
View file

@ -12,7 +12,7 @@
<div id="main"> <div id="main">
<div id="title"> <div id="title">
<div> <div>
<img src="../static/site/logo.png"> <img src="../static/site/logo.png" id="melon">
</div> </div>
<div> <div>
<h1>Pick something?</h1> <h1>Pick something?</h1>

13
home/styles.css
View file

@ -54,3 +54,16 @@ p{
#image-container { #image-container {
transition: opacity 0.5s ease; /* Fade transition */ transition: opacity 0.5s ease; /* Fade transition */
} }
@keyframes wiggle {
0% { transform: rotate(0deg); }
25% { transform: rotate(10deg); }
50% { transform: rotate(-10deg); }
75% { transform: rotate(10deg); }
100% { transform: rotate(0deg); }
}
#melon {
animation: wiggle 2s ease infinite; /* Adjust duration and timing function for desired effect */
}