mercredi 15 juin 2016

Animation not working on Chrome [duplicate]

This question already has an answer here:

I made a zoom-effect on a background of a div. All worked till today when it stopped functioning for Chrome. For every other browser it works perfectly.

here is my code:

.project_image {
    width: 582px;
    height: 280px;
    background-position: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    background-size: 100%;
}

.project_image:hover {
	background-size: 110%;
}

On Chrome, when i hover the div, the background-size is set instantly to 110%, not slowly as wanted.

edit: fiddle https://jsfiddle.net/ca79cohz/

Aucun commentaire:

Enregistrer un commentaire