Spaces:
Running
Running
Update script.js
Browse files
script.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1 |
-
// 👻 GhostPack Interactivity 😈
|
2 |
|
3 |
// Smooth scrolling for nav links
|
4 |
document.querySelectorAll('a.nav-link').forEach(anchor => {
|
@@ -19,20 +19,20 @@ const observer = new IntersectionObserver((entries) => {
|
|
19 |
}
|
20 |
}
|
21 |
});
|
22 |
-
}, { threshold: 0.
|
23 |
|
24 |
document.querySelectorAll('.card, h2, .lead, section').forEach(el => {
|
25 |
observer.observe(el);
|
26 |
});
|
27 |
|
28 |
-
//
|
29 |
document.querySelectorAll('.card').forEach(card => {
|
30 |
card.addEventListener('mouseenter', () => {
|
31 |
-
card.style.transform = 'translateY(-10px) scale(1.
|
32 |
-
card.style.boxShadow = '0 0
|
33 |
});
|
34 |
card.addEventListener('mouseleave', () => {
|
35 |
card.style.transform = 'translateY(0) scale(1)';
|
36 |
-
card.style.boxShadow = '0 0
|
37 |
});
|
38 |
});
|
|
|
1 |
+
// 👻 GhostPack Spectral Interactivity 😈
|
2 |
|
3 |
// Smooth scrolling for nav links
|
4 |
document.querySelectorAll('a.nav-link').forEach(anchor => {
|
|
|
19 |
}
|
20 |
}
|
21 |
});
|
22 |
+
}, { threshold: 0.3 });
|
23 |
|
24 |
document.querySelectorAll('.card, h2, .lead, section').forEach(el => {
|
25 |
observer.observe(el);
|
26 |
});
|
27 |
|
28 |
+
// Neon glow on card hover
|
29 |
document.querySelectorAll('.card').forEach(card => {
|
30 |
card.addEventListener('mouseenter', () => {
|
31 |
+
card.style.transform = 'translateY(-10px) scale(1.03)';
|
32 |
+
card.style.boxShadow = '0 0 40px rgba(0, 255, 204, 0.8)';
|
33 |
});
|
34 |
card.addEventListener('mouseleave', () => {
|
35 |
card.style.transform = 'translateY(0) scale(1)';
|
36 |
+
card.style.boxShadow = '0 0 20px rgba(0, 255, 204, 0.4)';
|
37 |
});
|
38 |
});
|