sass - Issue with CSS3 transition flow -
i have setup background transition on this page . the first area of page "il blog - leggi tutti gli articoli" , "gli eventi - leggi tutti gli eventi" shows list of different post types in tiles. when hovering on 1 of them, transition start. when moving out mouse, other transition start. until there everything's fine. the problem shows when move mouse out of tile before transition completed. i trying figure out what's missing in css can't find it. i know solve problem moving transition jquery script, prefer using css approach. here scss excerpt of involved elements: article { @include box-shadow(0 0 2px $primary-color); @include transition(all 1s ease-in-out); @include border-radius(2px); background-image: url('../images/concrete_wall.png'); &:hover { @include box-shadow(0 0 4px $primary-color); background-image: url('../images/concrete_wall_2.png'); } } here's produced cs