jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<div class="container">
  <div class="block">Static</div>
  <div class="block moved">Moved</div>
  <div class="block">Static</div>
</div>

CSS

.container {
  padding: 40px;
}

.block {
  width: 60px;
  height: 60px;
  background-color: skyblue;
}

.moved {
  background-color: pink;
  will-change: transform;
  transform: translate3d(-32.277%, 12.465%, 0px) scale3d(1, 1, 1) rotateX(20deg) rotateY(10deg) rotateZ(0deg) skew(0deg, 0deg);
}

JavaScript

var myCircle = $(".moved")[0];
setTranslate(-32.277%, 2.465%, 0, myCircle);

function setTranslate(xPos, yPos, zPos, el) {
console.log("test")
el.style.transform = `translate3d(${xPos}, ${yPos}, ${zPos}) scale3d(1, 1, 1) rotateX(20deg) rotateY(10deg) rotateZ(0deg) skew(0deg, 0deg)`;
}