Open Bug 1605726 Opened 5 years ago Updated 2 years ago

Background transition works for colors but not images

Categories

(Core :: CSS Transitions and Animations, enhancement)

71 Branch
Unspecified
All
enhancement

Tracking

()

Tracking Status
firefox71 --- affected
firefox72 --- affected
firefox73 --- affected

People

(Reporter: mail, Unassigned)

References

(Depends on 1 open bug)

Details

Attachments

(4 files)

Attached file HTML example (deleted) —

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

Steps to reproduce:

Changing backgrounds (background color and background image) of td elements with transition effect.

Actual results:

It works for a colors, but does not work for background images.

Expected results:

Not sure, but may be these effects must work the same.

In Chrome browser both effects are working.

Attached image As it works in Firefox. (deleted) —
Attached image ...and in Chrome (deleted) —
Attached file bg_transition.html (without images) (deleted) —

Hello, I've managed to reproduce this issue on Firefox release 71.0, Beta 72.0b10 and Nightly 73.0a1. I've also set the component to CSS Transitions and Animations. I've managed to reproduce the issue on both Windows 10 and Ubuntu 18.

Status: UNCONFIRMED → NEW
Component: Untriaged → CSS Transitions and Animations
Ever confirmed: true
Product: Firefox → Core
OS: Unspecified → All

It looks to me like this is a bug in chrome, technically. https://drafts.csswg.org/css-backgrounds/#background-image says:

Animation type: discrete

That being said this is probably dependent on us implementing cross-fade.

Depends on: 546052
Depends on: cross-fade
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: