fix: remove duplicate CSS causing style conflicts

- Removed old translateZ() CSS that was overriding new translate3d() styles
- This was causing nodes to not display in correct 3D positions
This commit is contained in:
Kunthawat Greethong
2026-06-24 09:02:19 +07:00
parent 61c2bd6924
commit 1d893e1bcb

View File

@@ -652,34 +652,6 @@ color: rgb(255 255 255 / .72);
}
}
/* Floating animation for nodes */
.node-marketing {
animation: float-1 6s ease-in-out infinite;
}
.node-ai {
animation: float-2 7s ease-in-out infinite;
}
.node-biz {
animation: float-3 8s ease-in-out infinite;
}
@keyframes float-1 {
0%, 100% { transform: translateZ(-150px) translateY(0); }
50% { transform: translateZ(-150px) translateY(-12px); }
}
@keyframes float-2 {
0%, 100% { transform: translateZ(-100px) translateY(0); }
50% { transform: translateZ(-100px) translateY(-10px); }
}
@keyframes float-3 {
0%, 100% { transform: translateZ(-200px) translateY(0); }
50% { transform: translateZ(-200px) translateY(-15px); }
}
/* Mobile responsive */
@media (max-width: 620px) {
.hero-neural {