Javascript 如何在每次单击时递增css属性的值？

所以我现在尝试了几种不同的方法，我似乎在两种方法中都得到了相同的结果。我试图让我的按钮在每次点击时旋转一个3d对象，它只工作一次。然后我意识到我只是在设置css属性的值。。当我需要在每次单击时递增此属性的值时。我们需要增加rotateY的CSS值（-40度）；每次点击。我该怎么做

Jquery：

    <script type="text/javascript">
        $(function() {
            $('#nextSlideBtn').on('click', function() {
                $('#carousel-3d').css('transform', 'rotateY( -40deg )');
            });
        });
    </script>

我会尽快让JSFIDLE工作。谢谢你的帮助

试试这个：

试试这个：

试试这个：

试试这个：

---

尝试使用Web动画API

Element.animate();

这样就不需要添加类和删除类

---

最简单的参考：尝试使用Web动画API

Element.animate();

这样就不需要添加类和删除类

---

最简单的参考：尝试使用Web动画API

Element.animate();

这样就不需要添加类和删除类

---

最简单的参考：尝试使用Web动画API

Element.animate();

这样就不需要添加类和删除类

---

最简单的参考：

全局变量计数$（#carousel-3d'）.css（'transform'，'rotateY（+（myvar++）+'deg））；全局变量计数$（#carousel-3d'）.css（'transform'，'rotateY（+（myvar++）+'deg））；全局变量计数$（#carousel-3d'）.css（'transform'，'rotateY（+（myvar++）+'deg））；全局变量计数$（#carousel-3d'）.css（'transform'，'rotateY（+（myvar++）+'deg））；很好用！非常感谢。我将对“+[variable]+”如何工作进行一些研究。此外，我还需要为所有类似这样的web浏览器运行此代码：$（“#carousel-3d”）.css（“-webkit transform”，“rotateY”（“+deg+”deg）”等。。我仍然在学习很多关于网页设计的知识。。尤其是javascriptworks非常完美！非常感谢。我将对“+[variable]+”如何工作进行一些研究。此外，我还需要为所有类似这样的web浏览器运行此代码：$（“#carousel-3d”）.css（“-webkit transform”，“rotateY”（“+deg+”deg）”等。。我仍然在学习很多关于网页设计的知识。。尤其是javascriptworks非常完美！非常感谢。我将对“+[variable]+”如何工作进行一些研究。此外，我还需要为所有类似这样的web浏览器运行此代码：$（“#carousel-3d”）.css（“-webkit transform”，“rotateY”（“+deg+”deg）”等。。我仍然在学习很多关于网页设计的知识。。尤其是javascriptworks非常完美！非常感谢。我将对“+[variable]+”如何工作进行一些研究。此外，我还需要为所有类似这样的web浏览器运行此代码：$（“#carousel-3d”）.css（“-webkit transform”，“rotateY”（“+deg+”deg）”等。。我仍然在学习很多关于网页设计的知识。。尤其是javascript