Jquery 如何仅在图像(而不是子元素)上缩放背景

Jquery 如何仅在图像(而不是子元素)上缩放背景,jquery,css,scale,zooming,Jquery,Css,Scale,Zooming,下面是我的例子。也许其他人也有同样的问题。例如,我的名为.description的div容器正在与主容器一起移动。再移动一个容器 $'div'.removeClass'one-more-container'; .再来一个集装箱{ 宽度:100vw; 高度:100vh; 溢出:隐藏; } .多一个容器。单一特色背景{ 变换:scale1.05; 过渡:所有3s; } .单一特色背景{ -webkit背景尺寸:封面; -moz背景尺寸:封面; -o-背景尺寸:封面; 背景尺寸:封面; 高度:100

下面是我的例子。也许其他人也有同样的问题。例如,我的名为.description的div容器正在与主容器一起移动。再移动一个容器

$'div'.removeClass'one-more-container'; .再来一个集装箱{ 宽度:100vw; 高度:100vh; 溢出:隐藏; } .多一个容器。单一特色背景{ 变换:scale1.05; 过渡:所有3s; } .单一特色背景{ -webkit背景尺寸:封面; -moz背景尺寸:封面; -o-背景尺寸:封面; 背景尺寸:封面; 高度:100vh; 背景重复:无重复; 背景位置:中底; 过渡:所有3s; 溢出:隐藏; }
而不是你可以使用的规模


背景大小:150%

只能为背景创建单独的元素。您只能为该元素设置动画

setTimeoutfunction{ $'div'.removeClass'one-more-container'; },3000; .再来一个集装箱{ 宽度:100vw; 高度:100vh; 溢出:隐藏; } .单一特色背景{ 位置:相对位置; 高度:100vh; 溢出:隐藏; } .onlyBg{ 位置:绝对位置; 宽度:100%; 身高:100%; 排名:0; 左:0; -webkit背景尺寸:封面; -moz背景尺寸:封面; -o-背景尺寸:封面; 背景尺寸:封面; 背景重复:无重复; 背景位置:中底; 过渡:所有3s; } .再来一个容器。仅限YBG{ 转换:scale1.5; 过渡:所有3s; } .超级标题容器{ 位置:相对位置; } 标题 副标题 段落


你真的不需要jquery来实现这一效果,但向新开发人员展示你可以用纯css做很多事情,这不是很好吗?