裁剪背景图像和规模

时间:2014-08-31 20:09:30

标签: javascript html css background

我想显示裁剪的背景图像,然后缩放它,并显示相同的图像部分。

我知道背景偏移的像素值,但是一旦我开始设置背景大小的动画,背景就会偏移。我认为如果我将像素值计算为百分比值会解决问题,但由于百分比背景位置的奇怪性质,我不知道如何做到这一点:http://www.sitepoint.com/css-using-percentages-in-background-image/

如果我为背景位置设置动画,它会起作用,但结果却是紧张不安。

这给出了类似于我想要的结果,但是紧张不安:

zc.css("background-position", offset + "px 0");
zc.animate({"background-position": offset * 2, top: 100%, bottom: 100%, left: 100%, right: 100%}, {duration: 500, queue: false, easing: "easeOutCubic"});

0 个答案:

没有答案