CSS transform scale to background image

问题

I have beloved CSS part effecting for a image

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

I need to apply above CSS to background image contain in a div element How can I do that?

回答1:

Change background-size on hover. To mimic scale(1.1) use 110%.

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

<div></div>

来源：https://stackoverflow.com/questions/42616579/css-transform-scale-to-background-image