使用 jQuery 改变 CSS3 透视、转换和过渡
我一直在研究这些 CSS3 属性,并且能够用它们做一些非常酷的事情。我从这个网站获得了最初的示例。我想知道是否可以使用 jQuery 中提供的 .css 函数来更改这些属性中的任何一个。我似乎在谷歌上找不到任何关于此的参考。这是我在页面上为 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 将来是否会添加支持?
谢谢!
I have been playing around with these CSS3 properties and I've been able to do some really cool things with them. I got the initial example from this website. I was wondering if any of these properties can be altered with the .css function available in jQuery. I can't seem to find any reference to this on Google. Here's what I have set to a div element on my page.
-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;
I know from my experience with the css function that it doesn't support hyphens in the property name such as "margin-left". So if there's currently no support, is jQuery going to add in support anytime in the future?
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
jQuery 支持连字符,您只需引用您的 css 属性,例如:
这是一个带有 css 转换的演示:
http://jsfiddle .net/Ld2p2/
jQuery supports hyphens, you just have to quote your css propierties, ex:
Here is a demo with css transforms:
http://jsfiddle.net/Ld2p2/