KeshavAnandCode/FTCWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust section shadows and add subtle background effects

Browse Source 
Modify CSS to change the background gradient of horizontal rules from black to a dark blue (rgba(0, 2, 4, 1)) and introduce radial gradients to the body's ::before pseudo-element for visual flair.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 75bceff7-98f2-4f6e-ae8e-e735399a1fe8
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 636a16ac-0ba2-4583-a27c-a74dd94e519c
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/75bceff7-98f2-4f6e-ae8e-e735399a1fe8/0PlOSLr
This commit is contained in:
abhiramtx
2025-11-09 19:03:02 +00:00
parent 1c1ad0a9f9
commit 752cb62850
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1762714862193.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

8
static/css/styles.css
View File

@@ -445,7 +445,7 @@ hr {
left: 0;
width: 100%;
height: 250px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, transparent 100%);
background: linear-gradient(to bottom, rgba(0, 2, 4, 1) 0%, rgba(0, 2, 4, 0.8) 30%, transparent 100%);
z-index: 2;
pointer-events: none;
}
@@ -466,7 +466,7 @@ hr {
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.85) 100%);
background: linear-gradient(to top, rgba(0, 2, 4, 0.95) 0%, rgba(0, 2, 4, 0.8) 50%, rgba(0, 2, 4, 0.85) 100%);
z-index: 1;
}
@@ -1538,7 +1538,9 @@ body::before {
left: 0;
width: 100%;
height: 100%;
background: transparent;
background:
radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.05) 0%, transparent 50%);
pointer-events: none;
z-index: -1;
}