Bug Tracker

Opened 5 years ago

Closed 5 years ago

#14700 closed bug (notabug)

HTML5 style prevents jQuery animation

Reported by: StevenWellens@… 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 5 years ago by anonymous

comment:2 Changed 5 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.