使用 jQuery 改变 CSS3 透视、转换和过渡

发布于 2024-10-10 13:08:51 字数 559 浏览 3 评论 0原文

我一直在研究这些 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

剧终人散尽 2024-10-17 13:08:51

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

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

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

http://jsfiddle .net/Ld2p2/

jQuery supports hyphens, you just have to quote your css propierties, ex:

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

Here is a demo with css transforms:

http://jsfiddle.net/Ld2p2/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文