3

css3 なしで html 要素の回転を実装するにはどうすればよいですか?

CSS3のアニメーションはとても使いやすいです

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

4 に答える 4

4

CSS3をサポートしていないIE8でも回転の解決策であるjquery rotateに出くわしました

詳細はリンク先参照

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

于 2013-05-09T10:33:12.737 に答える
1 
$('#elementId').css({'transform':'rotate(45deg)',
                 '-moz-transform':'rotate(45deg)',
                 '-webkit-transform':'rotate(45deg)',
                 '-o-transform':'rotate(45deg)',
                 '-ms-transform':'rotate(45deg)'});

これはJQueryを使用しています。

于 2013-05-09T11:18:19.807 に答える
0

JavaScript を使用して要素を回転できます。回転スタイルを設定するだけです:

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

デモはこちら: http://jsfiddle.net/6CJpK/

ただし、Javascript によって制御されていますが、これはまだ CSS を使用しています。

これは明らかに、transformスタイルをサポートする最新のブラウザーでのみ機能します。古いブラウザでは、何らかのポリフィル、または jQuery のようなライブラリが必要になります。

しかし、これはまだ内部で CSS を使用しています。

CSS に遠く及ばないソリューションが本当に必要な場合は、SVG または Canvas を使用してグラフィックを描画し、これらの API に組み込まれている回転関数を使用する必要があります。

于 2013-05-09T11:06:39.157 に答える
-1

CSS3 を使用したくない場合は、Jquery を使用できます。

Jquery は最も効果的なものであり、コードと時間を削減します。

于 2013-05-09T10:32:55.090 に答える