CSS转换比例缩放到背景图像

Question

我心爱的CSS部分影响了图像

.split-banner .right-cl:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

我需要将上面的CSS应用于div元素中包含的背景图像 我怎么能这样做？

Answer 1

悬停时更改background-size。模仿scale(1.1)使用110%。

＆＃13;

＆＃13;

div {
  width: 560px;
  height: 400px;
  background: url('http://kenwheeler.github.io/slick/img/fonz1.png') center center no-repeat;
}
div:hover {
  background-size: 110%;
}

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;