1. 首頁
  2. 問答
  3. 通過CSS緩慢旋轉頁面

通過CSS緩慢旋轉頁面

2010-06-22 87 views
1

是否可以通過CSS緩慢旋轉部分頁面（本例中爲單個類）？我目前的代碼：通過CSS緩慢旋轉頁面

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

不幸的是，沒有辦法使用JavaScript來做到這一點，以及我擁有的訪問量。

有沒有辦法在翻轉時旋轉這個類，或者如果鼠標在它上面，或者只是簡單的旋轉？這必須完全通過CSS完成。

感謝您的幫助！我知道這是一個奇怪的要求，但我希望能找到答案。

來源

2010-06-22 Cyclone

+1

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

+0

使用webkit的任何其他瀏覽器是否能夠做到這一點？我需要這個工作主要在Chrome和FF，但我知道FF使用壁虎進行渲染 – Cyclone 2010-06-22 22:58:52

+0

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

回答

0

對於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

+0

我需要動畫，他們在該頁面上表示不支持。感謝您的幫助！你發佈的代碼基本上是我已經有的。 – Cyclone 2010-06-23 22:27:47

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不支持這一點：]

來源

2014-03-01 19:00:00 ShaPesar

相關問題

 相關問題