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

Drezing

Browse Source
This commit is contained in:
MrEidam
2024-08-09 21:39:38 +02:00
parent 1c203683de
commit 8068ebe4d8
2 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Games/QuessNumber-1D6/index.html
View File

@@ -15,7 +15,7 @@
<h3>You are: <span id="answear"></span></h3> <h3>You are: <span id="answear"></span></h3>
<img src="./6.png" alt="" id="dice"> <img src="./6.png" alt="" id="dice">
<div class="ques"> <div class="ques">
<p>Quess: </p> <h3 class="que">Quessing:</h3>
<select id="num"> <select id="num">
<option value="1">1</option> <option value="1">1</option>
<option value="2">2</option> <option value="2">2</option>

27
Games/QuessNumber-1D6/style.css
View File

@@ -22,18 +22,31 @@ img{
width: 100px; width: 100px;
height: 100px; height: 100px;
margin: 1.25rem; margin: 1.25rem;
border-radius: 15px;
filter: drop-shadow(1.5px 1.5px 6px #aaa);
}
h1{
filter: drop-shadow(1.5px 1.5px 6px #333);
}
h3{
filter: drop-shadow(1.5px 1.5px 6px #333);
} }
.ques{ .ques{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.ques p{ .ques p{
margin-right: .5rem; margin-right: .5rem;
filter: drop-shadow(1.5px 1.5px 6px #333);
} }
.ques select{ .ques select{
border: none; border: none;
background: none;
border-radius: 7px; border-radius: 7px;
backdrop-filter: blur(10px);
box-shadow:
inset 1.5px 1.5px 3px #fff,
10px 10px 20px #333;
} }
button{ button{
@@ -43,8 +56,18 @@ button{
margin-top: 1rem; margin-top: 1rem;
border-radius: 10px; border-radius: 10px;
border: none; border: none;
background: none;
color: #fff;
text-shadow: 2px 2px 2.5px #333;
/*filter: drop-shadow(10px 10px 20px #333);*/
backdrop-filter: blur(10px);
box-shadow:
inset 2.5px 2.5px 5px #fff,
10px 10px 20px #333;
}
.que{
margin-right: 1rem;
} }
.won{ .won{
color: lime;/* color: lime;/*
text-transform: uppercase;*/ text-transform: uppercase;*/