使用jQuery改变CSS3透视,转换和转换

时间:2011-01-07 16:24:34

标签: transform css3

我一直在玩这些CSS3属性,我已经能够用它们做一些非常酷的事情了。我从这个website得到了最初的例子。我想知道是否可以使用jQuery中提供的.css函数更改这些属性中的任何一个。我似乎无法在Google上找到任何关于此的内容。这是我在页面上设置为div元素的内容。

-moz-box-shadow:0 20px 40px #888; 
-webkit-box-shadow:0 20px 40px #888;
-webkit-transform: translateZ(30px) rotateY(30deg);
-webkit-transition-property: transform, box-shadow, margin; 
-webkit-transition-duration: 0.5s;

根据我对css函数的经验,我知道它不支持属性名称中的连字符,例如“margin-left”。所以,如果目前没有支持,jQuery将来会随时添加支持吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

jQuery支持连字符,你只需引用你的css属性,例如:

$(".whatever").css("margin-left", "-10px");

这是一个带css转换的演示:

http://jsfiddle.net/Ld2p2/