Tag: 变换

尝试使用jQuery控制css3转换命令旋转div元素: 基本上，我得到的是一个计时器，每半秒计算一次，并且它应该更新程度，div应该旋转到新的程度。最终的结果应该（理论上）是一个有点平滑的不断旋转的div。可悲的是，它旋转1度，然后程度不会再次更新，即使根据控制台日志，数字仍在计数。有什么建议？ setInterval(function() { var i = 0; i++; $(‘#nav’).css({‘-webkit-transform’ : ‘rotate(‘ + i + ‘deg)’}); console.log(i); } , 1000); 谢谢！

使用jQuery获取CSS scaled元素的正常状态的顶部和左侧？: 我正在使用hover缩放元素 transform: scale(1.2); 现在我需要在hover时获得顶部和左侧位置，但它给出了缩放位置的顶部和左侧..有道理，但我想要正常状态顶部和左侧？有一个简单的方法来获得这个吗？

如果由jQuery设置，CSS3 2D变换不能在IE9上工作: 根据标题，我正在使用CSS3的转换来翻译和旋转对象，并且除了IE9之外，它在每个浏览器中都能完美运行。它适用于IE9，但只有直接写入.css文件。如果由jQuery（v.1.5.1）设置，它会失败： $(‘#example’).css(‘-ms-transform’, ‘translate(200%) rotate(45deg) translate(-200%)’); 有什么建议吗？

改变宽度/高度移动旋转元素: 当改变旋转元素的宽度/高度时，元素移动！这是一个例子的jsfiddle 例如，当我更改宽度时，对象将失去其原始位置，这会影响jQueryUI Resizable并使其无法使用。 CSS： .test{ position: absolute; top: 200px; left; 200px; width: 400px; height: 200px; background: red; transform: rotate(-90deg); } 的jsfiddle 是否存在通过反转此效果来纠正此问题的库或函数。编辑：我做了一个jQuery函数，在调整旋转元素大小时修正左上角位置，作为答案添加。这也是jqueryui可resize的补丁

使用jQuery动画化CSS变换: 我正在尝试为div设置动画，让它围绕y轴旋转180度。当我调用以下代码时，我得到一个jQuery错误： $(“#my_div”).animate({ “transform”: “rotateY(180deg)”, “-webkit-transform”: “rotateY(180deg)”, “-moz-transform”: “rotateY(180deg)” }, 500, function() { // Callback stuff here }); }); 它说“Uncaught TypeError：无法读取未定义的属性’defaultView’并且说它在jQuery文件本身中……我做错了什么？

jQuery旋转/转换: 我想使用此function旋转然后在特定点或度数停止。现在元素只是旋转而不停止。这是代码： $(function() { var $elie = $(“#bkgimg”); rotate(0); function rotate(degree) { // For webkit browsers: eg Chrome $elie.css({ WebkitTransform: ‘rotate(‘ + degree + ‘deg)’}); // For Mozilla browser: eg Firefox $elie.css({ ‘-moz-transform’: ‘rotate(‘ + degree + ‘deg)’}); // Animate rotation with a recursive call setTimeout(function() { rotate(++degree); },65); } }); 谢谢你的帮助

使用jquery直接获取transform的css值: 我-moz-transform: translate(-283.589px, 0px)通过执行element.style[vendor + ‘Transform’]从dom -moz-transform: translate(-283.589px, 0px) 。现在我想提取值-283.589px以在我的应用程序中使用它，但没有获得获取它的确切方法。如果我做console.log($(‘.slide’).css(“-moz-transform”))它返回矩阵值为matrix(1, 0, 0, 1, -283.589px, 0px) 。在jquery中是否有合适的方法直接获取值-283.589px 。我不想做任何矩阵计算。

在jQuery中转换: 我正在尝试使用jquery获取一个元素来设置旋转hover效果，我有这个jsFiddle来测试。到目前为止我有这个： $(“.icon”).hover(function() { $(this).stop().animate({transform: “rotate(-90deg)”, height: “200px”},400); },function() { $(this).stop().animate({backgroundColor : “black”, color: “red”},400); }); 但它似乎根本没有旋转它，我意识到设置css的正确方法是： -webkit-transform：rotate（30deg）; 我试过这个： $(this).stop().animate({-webkit-transform: “rotate(-90deg)”, height: “200px”},400); 但即使是高度也不会改变。任何建议都会有所帮助！链接到JSFiddle