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 */
|
/* Mobile responsive */
|
||||||
@media (max-width: 620px) {
|
@media (max-width: 620px) {
|
||||||
.hero-neural {
|
.hero-neural {
|
||||||
|
|||||||
Reference in New Issue
Block a user