为剪辑设置动画:rect属性？

Question

我想clip: rect用jQuery 来设置css属性的动画,.animate()但是无法在任何地方找到它.试过:

$(".img1").animate({ clip: "rect(1px, 945px, 499px, 1px)"
},300);

没有运气.有人知道吗？

谢谢

Answer 1

任何事情都有可能,但是可能有更简单的方法可以在不使用的情况下做你想做的事情clip,但是如果你使用jQuery animate的fx.step函数,你可以动画任何东西,但是你需要做一些计算以找出值和东西,但它是这样的:

$(".img1").animate({
  fontSize: 100 //some unimportant CSS to animate so we get some values
},
{
  step: function(now, fx) { //now is the animated value from initial css value
      $(this).css('clip', 'rect(0px, '+now+'px, '+now+'px, 0px)')
  }
}, 10000);

小提琴