Opened 9 years ago
Closed 9 years ago
#14700 closed bug (notabug)
HTML5 style prevents jQuery animation
Reported by: | Owned by: | ||
---|---|---|---|
Priority: | undecided | Milestone: | None |
Component: | unfiled | Version: | 1.10.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
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.
Change History (2)
comment:1 Changed 9 years ago by
comment:2 Changed 9 years ago by
Resolution: | → notabug |
---|---|
Status: | new → closed |
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.
JSFiddle here: http://jsfiddle.net/F5LXc/