Tag: 过渡

CSS3过渡的JQuery后备: 我正在寻找一个简单的CSS3转换代码的JQuery / JS回退。我的javascript非常基本，所以我找到并编写替换代码并不容易。我已经检查过modernizr但我并不是很了解很多文档。这是一个使用transform: rotate(20deg)的图标transform: rotate(20deg)当hover时transform: rotate(20deg) （这不是IE中支持的问题）。但问题是转型，我正在使用 .icon{ ….other css code -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 这有一个JQuery后备吗？我在考虑fadeIn(); 但我不知道我将如何编码。像这样的东西？： $(icon).hover(function (){$(icon).fadeIn(“slow”);}); 我如何让浏览器知道它是一个后备，以便他们只选择JQuery，如果它是IE？

如何在使用jQuery选择器之前进行动画处理: 我有一些元素：在伪选择器之前定义。我需要为它添加一些过渡动画，但在CSS中它是不可能的。所以我认为我可以用jQuery做到这一点，但有些东西也不正常。你能帮助我吗？这是我的代码： var pilot = $(‘#remote_control’), pilot_shadow = $(‘#remote_control:before’); pilot.on({ mouseenter: function(){ pilot_shadow.animate({ opacity: 0 }); } });

如果CSS3过渡不存在，使用Modernizr和jQuery来动画: 如果不支持CSS3，有没有办法使用Modernizr和jQuery的组合来启用类似于转换的东西？我现在正在做的就是这样…… This div changes both width and height on hover CSS是 .hoverable { height: 100px; width: 2000px; transition: height .5s, width .5s; } .hoverable:hover { height: 200px; width: 100px; } 如果不支持CSS3转换，我现在只使用Modernizr来使div默认处于hover状态。如果不支持CSS3，有没有办法使用Modernizr来触发jQuery动画？如果不是jQuery，那么我也可以使用自定义动画，但我真的不知道如何做。

CSS3过渡到动态创建的元素: 我正在尝试使用CSS3过渡动画创建动态创建的html元素。我希望动画在元素创建之前启动。对于这些我创建一个类来设置元素的原始位置，然后我通过jquery css（）方法设置目标位置但它刚刚在目标位置上出现的新元素没有任何过渡。如果我使用0ms的setTimeout来设置它的新css值。有什么我做错了吗？或者是一种限制？我认为我不应该使用setTimeout解决方法。谢谢！更新：这是与jsfiddle.net上运行的代码的链接，供您进行实验。 http://jsfiddle.net/blackjid/s9zSH/ 更新我已经用答案中的解决方案更新了示例。 http://jsfiddle.net/s9zSH/52/ 这是一个完整的示例代码 //Bind click event to the button to duplicate the element $(“.duplicate”).live(“click”, function (e){ var $to = $(“#original .square”).clone() $(“body”).append($to); if($(e.target).hasClass(“timeout”)) //With setTimeout it work setTimeout(function() { $to.css(“left”, 200 + “px”); },0); else if($(e.target).hasClass(“notimeout”)) // These way it doesn’t […]