Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-07 21:25:17 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

💅 style(css+assets): color comb

Browse Source
This commit is contained in:
Eshan Roy
2024-11-07 05:28:30 +05:30
parent e560ee1cbd
commit a94a84eed2
2 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

27
style.css
View File

@@ -25,7 +25,7 @@ body {
position: fixed; position: fixed;
width: 100%; width: 100%;
top: 0; top: 0;
background-color: rgba(26, 31, 44, 0.70); background-color: rgba(26, 31, 44, 0.0);
z-index: 1000; z-index: 1000;
} }
@@ -33,6 +33,29 @@ body {
height: 40px; height: 40px;
} }
a {
color: #000;
position: relative;
text-decoration: none;
}
a::before {
background: #754ffe;
content: "";
inset: 0;
position: absolute;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.5s ease-in-out;
z-index: -1;
}
a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.nav-links { .nav-links {
display: flex; display: flex;
gap: 2rem; gap: 2rem;
@@ -51,7 +74,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 5%; padding: 0 5%;
background-image: url(/assets/background.jpg); background-image: url(/assets/background.png);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background-position: bottom; background-position: bottom;