EaglercraftX-Client-Collections/EaglercraftX-Site
4
5
Fork 2
Code Issues Pull Requests Actions Projects Wiki Activity

making the settings button better

Browse Source
This commit is contained in:
Sevi 2024-10-29 13:17:29 -07:00 committed by GitHub
parent b7917eb80f
commit 4259c9ec87
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/index.css
View File

@ -192,12 +192,18 @@ button:hover {
font-style: normal;
}
.clicker {
background-color: #5e5e5e;
color: white;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 5px;
margin: 10px auto;
text-decoration: none;
display: inline-block;
width: 100px;
height: 50px;
background-color: rgb(93, 93, 93);
color:#ffffff;
border-radius: 25px;
max-width: 200px;
transition: transform 0.5s ease;
}
.clicker.hidden {
display: none;

4
index.html
View File

@ -122,8 +122,8 @@
<div>
<a href="#showdiv2" class="clicker" tabindex="2">Click me 2</a>
<a href="#hidediv2" class="clicker hidden" tabindex="2">Click me 2</a>
<a href="#showdiv2" class="clicker" tabindex="2">Settings</a>
<a href="#hidediv2" class="clicker hidden" tabindex="2">Settings</a>
<div class="hiddendiv nr1"></div>
<div class="hiddendiv nr2"></div>