javascript - x, y, left, right 与 CSS 的区别

Question

我有一些看起来像这样的东西，它不应用 x 或 y 变换，但应用旋转。

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

这适用于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和right工作但不工作x，y那是因为你使用.css()的是最终设置 CSS 并且没有x或yCSS 属性。

您可能正在寻找translate()：

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

score 0 · Accepted Answer

您可以添加 css 对象，如下所示，

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

有一个做 css 动画的 jQuery 插件。

score 0 · Accepted Answer

0

x,y不是有效的 CSS 属性。你应该使用left,top代替。

检查这个jsFiddle

于 2013-03-29T06:09:24.530 回答

3 回答 3