Eidam/PetPet
1
0
Fork 0
mirror of https://github.com/MrEidam/PetPet.git synced 2026-04-17 15:43:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added new hover design for tiger and shiba + design for links for My fancy ass and Tufsie

Browse Source
This commit is contained in:
MrEidam
2024-09-23 11:41:15 +02:00
parent 524753e5b7
commit 7d1cd18e36
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -13,10 +13,10 @@
<h1>Welcome to PetPet!</h1> <h1>Welcome to PetPet!</h1>
<h2>Please choose an Animal:</h2> <h2>Please choose an Animal:</h2>
<div> <div>
<img src="./img/tiger/baby.png" onclick="option(0)" title="tiger" alt="tiger" class="animalChoose"> <img src="./img/tiger/baby.png" style="--clr: #ff4500a9" onclick="option(0)" title="tiger" alt="tiger" class="animalChoose">
<img src="./img/shiba/baby.png" onclick="option(1)" title="shiba" alt="shiba" class="animalChoose"> <img src="./img/shiba/baby.png" style="--clr: " onclick="option(1)" title="shiba" alt="shiba" class="animalChoose">
</div> </div>
<p>Made by <a>MrEidam</a> & <a>Tufsie</a></p> <p>Made by <a href="https://www.mreidam.com">MrEidam</a> & <a>Tufsie</a></p>
</dialog> </dialog>
<div id="blurs"></div> <div id="blurs"></div>
<article class="cash"> <article class="cash">

8
style.css
View File

@@ -184,6 +184,10 @@ span p{
#chui h2{ #chui h2{
} }
#chui a{
color: #69f;
}
.animalChoose{ .animalChoose{
border: none; border: none;
border-radius: 50%; border-radius: 50%;
@@ -194,9 +198,11 @@ span p{
transition: .5s; transition: .5s;
} }
.animalChoose:hover{ .animalChoose:hover{
border-radius: 25%;
transition: .25s; transition: .25s;
transform: scale(1.2); transform: scale(1.2);
background-color: #c33; background-color: red;
background-color: var(--clr);
cursor: pointer; cursor: pointer;
} }
.animalChoose:nth-child(1){ .animalChoose:nth-child(1){