在沒有css3的html5中旋轉

我們如何實現沒有css3的html元素的旋轉？在沒有css3的html5中旋轉

這是非常容易使用CSS3動畫像

{ 
    Rotation-point: 50% 50%; 
    Rotation: 180deg; 
}

來源

2013-05-09 varun

問題不是很清楚你爲什麼不想使用CSS。是因爲瀏覽器支持問題，還是因爲你想在腳本中控制它？還是其他原因？最好的答案可能會有所不同，具體取決於您實際嘗試實現的目標，所以如果您提供比此更多的信息，這將有所幫助。 – Spudley 2013-05-09 11:11:30

我遇到jQuery的旋轉是，即使在IE8旋轉的解決方案不支持CSS3

請參考鏈接瞭解詳細信息

http://code.google.com/p/jqueryrotate/wiki/Examples

來源

2013-05-09 10:33:12 varun

-1

如果你不想使用CSS3，那麼你可以喜歡jQuery的。

jquery是最有效的一個，它減少了代碼和時間。

來源

2013-05-09 10:32:55 Rajesh

您可以使用JavaScript來旋轉元素;剛纔設置的旋轉樣式：

element.style.transform='rotate(45deg)';

演示在這裏：http://jsfiddle.net/6CJpK/

但是這仍然是使用CSS，儘管受控制的Javascript。

這顯然只適用於支持transform風格的現代瀏覽器。對於舊版瀏覽器，您需要某種類型的polyfill，或者像jQuery這樣的庫。

但是，這是仍然使用CSS在引擎蓋下。

如果您真的想要一個遠離CSS的解決方案，那麼您需要使用SVG或Canvas繪製圖形，並在這些API中使用內置旋轉函數。

來源

2013-05-09 11:06:39 Spudley

$('#elementId').css({'transform':'rotate(45deg)', 
       '-moz-transform':'rotate(45deg)', 
       '-webkit-transform':'rotate(45deg)', 
       '-o-transform':'rotate(45deg)', 
       '-ms-transform':'rotate(45deg)'});

這使用JQuery。

來源

2013-05-09 11:18:19 Janak

在沒有css3的html5中旋轉

回答

相關問題