Ich versuche einen Effekt zu erzielen, den ich kürzlich gesehen habe, bei dem das Hintergrundbild beim Schweben gezoomt wird. Ich habe es so ziemlich mit Beispiel hier gemacht:https: //jsfiddle.net/qyh6nbwt aber es scheint sehr wackelig zu sein (du wirst verstehen, was ich damit meine, wenn du darüber schwebst), ich bin auf osx und verwende die neueste Chrome-Version, habe sie noch nicht in anderen Browsern überprüft. Gibt es eine Möglichkeit, es glatter zu machen, damit es beim Vergrößern nicht "wackelt"?

HTML

<div id="example">
    test
</div>

CSS

#example {
   background-image: url(http://www.jeroenkemperman.nl/wp-content/uploads/2014/06/Johns_Inc_Pizza_Spaghetti_wikipediacommons.jpg);

    background-position: center center;
    width: 250px;
    height: 250px;
    transition:all 1000ms ease;
    background-size: 100% auto;
}

#example:hover {
    background-size: 160% auto;
}