.drone-orbit-wrapper {
position: relative;
display: inline-block;
}
.drone-orbit {
position: absolute;
top: 0;
left: 50%;
width: 4.5rem;
height: 4.5rem;
transform-origin: -3rem 2.25rem;
animation: drone-orbit-spin 10s linear infinite;
}
.drone-orbit__body {
width: 1.9rem;
height: 0.8rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
position: relative;
}
.drone-orbit__arm {
position: absolute;
top: 50%;
width: 1.15rem;
height: 0.16rem;
margin-top: -0.08rem;
background: rgba(10, 190, 230, 0.85);
}
.drone-orbit__arm–left {
left: -0.9rem;
}
.drone-orbit__arm–right {
right: -0.9rem;
}
.drone-orbit__rotor {
width: 0.48rem;
height: 0.48rem;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.95);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.95), rgba(6,147,227,0.7));
position: absolute;
top: 50%;
margin-top: -0.24rem;
}
.drone-orbit__rotor–left {
left: -1.25rem;
}
.drone-orbit__rotor–right {
right: -1.25rem;
}
.drone-orbit__camera {
position: absolute;
bottom: -0.22rem;
left: 50%;
transform: translateX(-50%);
width: 0.5rem;
height: 0.4rem;
border-radius: 0.25rem;
background: rgba(15, 17, 17, 0.95);
}
.drone-orbit__camera::after {
content: « »;
position: absolute;
inset: 0.08rem;
border-radius: 0.18rem;
background: radial-gradient(circle at 30% 30%, rgba(155, 81, 224, 0.9), rgba(6,147,227,0.9));
}
.drone-orbit__shadow {
position: absolute;
bottom: -0.65rem;
left: 50%;
transform: translateX(-50%);
width: 2.3rem;
height: 0.4rem;
border-radius: 999px;
background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 70%);
filter: blur(2px);
}
@keyframes drone-orbit-spin {
from { transform: rotate(-160deg); }
to { transform: rotate(200deg); }
}
@media (prefers-reduced-motion: reduce) {
.drone-orbit { animation: none; }
}
@supports (selector(:has(*))) {
.drone-orbit-title {
position: relative;
display: inline-block;
}
}
GAME OF DRONE
Nous mettons la technologie drone au service de vos images et de vos ouvrages, du tournage cinématographique à l’inspection technique de haute précision en passant par le traitement et le nettoyage de vos bâtiments.
GAME-OF-DRONE@outlook.com 