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%。

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>