UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

Example URL:
https://jsfiddle.net/bz64dqkh/1/

Steps to reproduce the problem:
1. Create a class A with css property `background: none center no-repeat, linear-gradient(#fff, #000);`
2. Create a class B with css property `background: none center no-repeat, linear-gradient(#000, #fff);`
3. Toggle between class A and class B on one element

What is the expected behavior?
The one element with toggling classes should have a toggling background linear-gradient

What went wrong?
Background stays the same

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: Version 63.0.3239.84 (Offizieller Build) (64-Bit)  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

Fiddle with problem: https://jsfiddle.net/bz64dqkh/1/

In internet explorer 11 and firefox 57 everything is as expected. In Chrome 60 and prior it worked as well (could be that Chrome60 is broken as well, but it worked for over 3 years now), but around Chrome 61-62 it stopped working correctly.
 

Deleted: bug.html 1.3 KB

bug.html 1.3 KB View Download