用于获取和设置 css3 变换样式的 jQuery 插件

Posted 2023-05-09

【中文标题】用于获取和设置 css3 变换样式的 jQuery 插件

【英文标题】：jQuery plugin to get and set css3 transform style

【发布时间】：2017-10-22 16:50:24

【问题描述】：

和标题一样，有一些库可以获取和设置 css3 转换属性吗？

例如我需要这样的东西：

$("#elem").translate(x : 900, y : 300).rotate(90).skewX(30)

因为我们知道如果我们这样做：

 $("#elem").css("transform", "translate(900,300)");
 $("#elem").css("transform", "rotate(90deg)"); // This will replace the previous one

变换旋转将替换之前的变换属性。

我找到了像 jquery.transform.js 或 jquery.transit.js 这样的插件，但是这个插件只能添加 cssHooks 以便与 .animate()

一起使用

所以我想念一个人？我应该为自己写一个吗？

【参考方案1】：

您可以使用空格分隔的指令列表来实现所需的效果，就像使用样式表条目一样...

$('#elem').css("transform", "translate(900px,300px) rotate(90deg) skewX(30deg)");

希望对您有所帮助。 :)

【讨论】：

谢谢，但这不是我要找的。例如在插件上下文中，我需要用不同的方法更新转换值