HTML5 style prevents jQuery animation

[[email protected]…]

I am using this to fade an image in and out:

$("#MainImage").animate({ opacity: 0.15 }, 4000).animate({ opacity: 1.0 }, 4000);

I added this HTML5 transform style and the animate no longer runs:

#MainImage{
    transition-duration:3s;
}

I don't consider this to be an important bug but it may uncover problems that ARE important.

[anonymous]

JSFiddle here: ​http://jsfiddle.net/F5LXc/

[m_gol]

Since you set transition-duration to 3s, changing opacity via animate is delayed which makes it look as the value is not changing. The solution is simple - don't mix animate & CSS transitions on the same element.