javascript - CSSでx、y、左、右の違い

Question

x または y 変換は適用されませんが、回転は適用されます。

$('<div/>').css(
   "-webkit-transform": "rotate(20deg)"
   x: 10
   y: 10
)

これは and を適用しますが、回転は適用しxませyん:

$('<div/>').css(
  "-webkit-transform": "rotate(20deg)"
  x: 10
  y: 10
)

私がそれを行うとleft、rightそれは動作します

$('<div/>').css(
   "-webkit-transform": "rotate(20deg)"
   left: 10
   right: 10
)

PS：私はコーヒースクリプトを使用しています

score 2 · Accepted Answer

なぜ機能するのleftに機能しないのかを尋ねている場合は、最終的に CSS を設定するものを使用していて、またはCSS プロパティがないためです。rightxy.css()xy

あなたはおそらく探しているtranslate()：

-webkit-transform: translate(50px,100px);

score 0 · Accepted Answer

以下のようにcssオブジェクトを追加できます。

$('<div/>').css({
   "-webkit-transform": "rotate(20deg)"
   x: 10
   y: 10
});

css アニメーションを行う jQuery プラグインが 1 つあります。

score 0 · Accepted Answer

x、y有効な CSS 属性ではありません。left代わりに、を使用する必要がありますtop。

3 に答える 3