Witam wie może ktoś jak zrobić w js-ie obrotowy div tak jak na zdjęciu chciałbym żeby się obracały po kliknieciu o ustalony kąt w przestrzeni 3d do tej pory zrobiłem że się obraca tylko raz ale już dalszy obrót nie jest możliwy i się zastanawiam jak to zrobić pewnie jakaś funkcja by była potrzebna.
to mój kod js
function obrotL()
{
var rodzic = document.getElementById("rodzic");
rodzic.style.transform = "rotateX(-10deg) rotateY(40deg)";
}
function obrotP()
{
var rodzic = document.getElementById("rodzic");
rodzic.style.transform = "rotateX(-10deg) rotateY(-40deg)";
}
a to html
<div id="SL" onclick="obrotL()"></div>
<div id="tresc">
<div id="perspektywa">
<div id="rodzic">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div id="SP" onclick="obrotP()"></div>