CSS-Transformation Maßstab Hintergrundbild

Question

Ich habe geliebten CSS Teil für ein Bild zu bewirken

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

Ich brauche über CSS Hintergrundbild gelte, in einem div-Elemente enthalten Wie kann ich das tun?

Answer 1

Ändern Sie background-size bei Hover. Um scale(1.1) nachzuahmen, verwenden Sie 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>