Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 使用大小调整执行背景图像位置动画_Css_Html - Fatal编程技术网

Css 使用大小调整执行背景图像位置动画

Css 使用大小调整执行背景图像位置动画,css,html,Css,Html,我有一个单页web应用程序,当您在背景位置上执行计算出的CSS转换,从一个面板滑动到另一个面板时,它会产生一些不错的视差动画 问题是,如果我要调整图像的大小,即使是在iPhone5上,动画也会不稳定,例如background size:cover 有更好的方法吗?我是否应该使用手动调整大小并设置位置/边距/任何内容动画的来代替?链接到站点或小提琴?它认为无论您使用缩放的背景图像还是缩放到相同比例的固定img元素,性能拖动都不会减少。我建议您在服务器上提供多个图像大小,并通过媒体查询选择最合适的一

我有一个单页web应用程序,当您在
背景位置上执行计算出的CSS转换,从一个面板滑动到另一个面板时,它会产生一些不错的视差动画

问题是,如果我要调整图像的大小,即使是在iPhone5上,动画也会不稳定,例如
background size:cover


有更好的方法吗?我是否应该使用手动调整大小并设置位置/边距/任何内容动画的
来代替?

链接到站点或小提琴?它认为无论您使用缩放的背景图像还是缩放到相同比例的固定
img
元素,性能拖动都不会减少。我建议您在服务器上提供多个图像大小,并通过媒体查询选择最合适的一个(即大于视口高度和宽度)显示为未缩放居中的背景图像,从而获得更好的效果。@CBroe用户可以选择自己的图像,我们无法控制,不幸的是,@ImranBughio还没有公开。我希望这是一些人以前遇到过的事情,并且对此有一些见解。