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

Update floating elements animation for cards

Browse Source 
Modified the initFloatingElements function in static/js/scripts.js to target '.value-card' elements for animation, replacing the previous '.member-cards' and '.card, .card-sponsors' selectors. Removed the gsap animation for member-cards.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: fbe9daad-91f9-4091-9995-0ef92bd594f7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/Akq2bp8
This commit is contained in:
abhiramtx
2025-11-08 23:38:36 +00:00
parent a7b421f479
commit f137c03fc3
2 changed files with 1 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1762645054920.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

14
static/js/scripts.js
View File

@@ -293,19 +293,7 @@ function initMagneticButtons() {
}
function initFloatingElements() {
const memberCards = document.querySelectorAll('.member-card');
memberCards.forEach((card, index) => {
gsap.to(card, {
y: -10,
duration: 2 + (index % 3) * 0.5,
repeat: -1,
yoyo: true,
ease: "sine.inOut",
delay: index * 0.2
});
});
const cards = document.querySelectorAll('.card, .card-sponsors');
const cards = document.querySelectorAll('.value-card');
cards.forEach((card, index) => {
gsap.to(card, {
y: -8,