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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user