I'm attempting to animate the box-shadow and scale etc. of some thumbnails on hover and with

-webkit-transition: all 0.4s ease-in-out;

it all works, however I do NOT want the border and the margin changes to ease, I want them to be instant. How do I exclude them?

1 answer

Tony B 86

change "all" to the parameters that you do want to change instead.

  -webkit-transition: opacity 1s linear;

Check out the article on css animation at webkit.org for more info.

Answered almost 7 years ago by Tony B