Bug Tracker

Opened 9 years ago

Closed 9 years ago

#14700 closed bug (notabug)

HTML5 style prevents jQuery animation

Reported by: [email protected] Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 1.10.2
Keywords: Cc:
Blocked by: Blocking:


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:


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

Change History (2)

comment:1 Changed 9 years ago by anonymous

comment:2 Changed 9 years ago by m_gol

Resolution: notabug
Status: newclosed

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.

Note: See TracTickets for help on using tickets.