mit 3D-Rotationen in css3

Question

Was sind die drei Parameter in der Rotation?
Viele Studien über den vierten Parameter (ex beschrieben haben: enter link description here aber nicht viel über die ersten drei in:

rotate(x, y, z, adeg) 

der vierte den Winkel in Grad für alle Achsen angezeigt wird, sind dann die ersten drei, eine Art von einem skalaren Faktor, was ihre Maximalwert? Was implementieren diese?

Answer 1

transform: rotate3d(x,y,z, angle)

rotate3d ein Objekt um einen Vektor Achse dreht. Das ist, was (x, y, z) für sich. Sie bestimmen ein Vektor, um den das Objekt rotiert wird (der c oordonates für den Vektor auf den 3 Achsen)

auch Sie sollten wissen, dass Y-Achse in 3d invertiert wird, was bedeutet, dass es nicht positive Werte sind auf der Achse ist, wie in 2d

Die Beziehung zwischen diesen drei Werten wichtig bei der Einstellung des Vektors. zum Beispiel rotate3d(1,-1,1,60deg) gibt das gleiche Ergebnis wie rotate3d(100, -100, 100, 60deg) oder mehr klar: rotate3d(1,-5,8,60deg) die gleichen wie rotate3d(10,-50,80,60deg)

div { 
 

 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
    margin:50px; 
 
} 
 
.first { 
 
    transform: rotate3d(1, -1, 1, 60deg); 
 
} 
 
.second { 
 
    transform: rotate3d(100, -100, 100, 60deg); 
 
}

<div> 
 

 
</div> 
 
<div class="first"> 
 

 
</div> 
 
<div class="second"> 
 

 
</div>