reiyua
/
reiyua.lol
mirror of https://github.com/reiyua/reiyua.lol.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add CSS styling for Button on 404 HTML page

This commit is contained in:
Ray 2024-10-19 14:48:45 +11:00
parent b0731ad1b8
commit 975e4ca76c
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
styles.css
View File

@ -97,3 +97,27 @@ h1 {
text-align: center;
font-family: 'Jersey 10', sans-serif;
}
.home-button {
display: inline-block;
padding: 15px 30px;
margin-top: 20px;
background-color: #FAD6A5; /* Green button */
color: white;
text-decoration: none;
font-size: 1.2em;
font-family: 'Jersey 10', sans-serif;
border-radius: 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
transition: background-color 0.3s ease, transform 0.3s ease;
}
.home-button:hover {
background-color: #45a049; /* Darker green on hover */
transform: translateY(-3px); /* Slight raise effect */
}
.home-button:active {
background-color: #388E3C; /* Even darker when active */
transform: translateY(0); /* Return to original position */
}