Question

是否可以通过CSS缓慢旋转页面的某些部分（在本例中为单个类）？我目前的代码：

.c1
{
 -webkit-transform: rotate(170deg);
 -moz-transform: rotate(170deg);
 -o-transform: rotate(170deg);
}

不幸的是，由于我拥有的访问量，无法使用javascript。

有没有办法在翻转时旋转这个类，或者鼠标在它上面，还是只是简单地旋转？这必须完全通过CSS完成。

感谢您的帮助！我知道这是一个奇怪的请求，但我希望能找到答案。

Answer 1

对于Firefox：

 -moz-transform: rotate(15deg) scale(1.25, 0.5);
 transform: rotate(15deg) scale(1.25, 0.5);

适用于Chrome，Safari和Opera：

    -webkit-transform: rotate(15deg) scale(1.25, 0.5);

并且Internet Explorer不支持：]

Answer 2

Firefox this page提供了一些很好的提示和技巧。：）

类似的东西：

.transformed {
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}

您拥有的是什么，但请注意Firefox仅支持v3.1及更高版本。：）

通过CSS缓慢旋转页面

2 个答案: