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

Improve visual effects and element styling on the page

Browse Source 
Updated CSS to adjust linear gradient for hr element, remove hover effect on hero image, and change text color for hero title and sub-header.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f545e057-7f32-44d4-81ad-176fe8baa353
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/bcwvOLs
This commit is contained in:
abhiramtx
2025-11-08 22:53:23 +00:00
parent b49f99fdf9
commit 1218b983ef
2 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1762642320895.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 867 KiB

11
static/css/styles.css
View File

@@ -357,8 +357,8 @@ hr {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 150px; height: 250px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, transparent 100%);
z-index: 2; z-index: 2;
pointer-events: none; pointer-events: none;
} }
@@ -1535,7 +1535,7 @@ body::before {
} }
.hero-image-section:hover::before { .hero-image-section:hover::before {
opacity: 1; opacity: 0;
} }
.stats-button, .stats-button,
@@ -1772,10 +1772,7 @@ body {
.sub-header, .sub-header,
.hero-title { .hero-title {
background: linear-gradient(135deg, #ffffff, #a0a0a0); color: var(--white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} }
.border-triangle { .border-triangle {