CSS3设置线条延伸动画,怎么从右向左延伸

Posted 2023-03-21

transition效果默认width变化时，变化方向是自右向左变化。现在，想做一个自右向左的变化效果，有哪位高手懂,js实现也行

参考技术A 一个简单的方法，本质还是从左到右，但是添加一条属性，旋转180度

jQuery从右向左滑动

【中文标题】jQuery从右向左滑动

【英文标题】：Jquery slide from right to left

【发布时间】：2011-03-12 17:36:20

【问题描述】：

我有以下代码：

$("#headerimg" + currentContainer).slideUp(function() 
  setTimeout(function() 
    $("#headertxt").slideUp(100).css("display" : "block");
    animating = false;
  , 500);
);

现在图片从下到上动画。但我想要这张图片，从右向左滑动。我必须更改代码中的哪些内容？

【问题讨论】：

您可以使用'animate' 为图像的右/左边缘设置动画

欢迎来到SO，当你在这里时，请访问***.com/faq

你能在这个代码中展示一个例子吗？

【参考方案1】：

Here 是一个很棒的幻灯片教程 不同方向的元素。

来自jQuery - slide right to left?

【参考方案2】：

在 jQuery 中没有像“slideLeft”这样的内置方法。所以你要么必须写一个像

这样的小插件

$.fn.slideLeft = function(speed)
     return this.each(function()
        var $this = $(this);
        $this.animate('width': '0px', jQuery.fx.speeds[speed] || 200);
     );
;

或者你必须在那里寻找already existing plugin。