通过CSS缓慢旋转页面

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

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

不幸的是，没有办法使用JavaScript来做到这一点，以及我拥有的访问量。

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

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

来源

2010-06-22 Cyclone

AFAIK，这只会是可行的在Safari中。此链接可能会有所帮助：http://stackoverflow.com/questions/2584138/css3-continous-rotate-animation-just-like-a-loading-sundial – 2010-06-22 21:14:34

使用webkit的任何其他浏览器是否能够做到这一点？我需要这个工作主要在Chrome和FF，但我知道FF使用壁虎进行渲染 – Cyclone 2010-06-22 22:58:52

Hehehe ...得到它在Chrome上工作。现在我需要的是FF。 – Cyclone 2010-06-22 23:12:15

对于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); 
}

这是你所拥有的，但要注意，火狐只能从V3.1支持其向上。 :)

来源

2010-06-23 07:11:33 Kyle

我需要动画，他们在该页面上表示不支持。感谢您的帮助！你发布的代码基本上是我已经有的。 – Cyclone 2010-06-23 22:27:47

对于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不支持这一点：]

来源

2014-03-01 19:00:00 ShaPesar

通过CSS缓慢旋转页面

回答

相关问题