在 CSS 中使某些东西旋转 x 多度答案

【问题标题】：Making something rotate x more degrees in CSS在 CSS 中使某些东西旋转 x 多度
【发布时间】：2014-08-15 21:46:53
【问题描述】：

在尝试 CSS 变换函数时，我尝试实现一个功能，每次按下按钮时将图像旋转 90 度：

$("#rotateClockwise").click(function(){

    $("#featuredImage").css("webkit-transform", "rotate(+90deg)");

});

但是，我希望此示例中的按钮在每次单击按钮时旋转 90 额外度 - 上面的代码仅在我第一次单击按钮时旋转图像。我知道我可以用一些额外的 JS 来做到这一点，但是有没有办法只用 CSS 变换来实现 90 度的额外旋转？

【问题讨论】：

标签： css rotation css-transforms

【解决方案1】：

将角度存储在变量中:)

var angle = 0;
$("#rotateClockwise").click(function(){
    angle = (angle + 90) % 360;
    $("#featuredImage").css("webkit-transform", "rotate(" + angle + "deg)");
});

编辑： AFAIK 仅使用 CSS 是不可能的...

【讨论】：