UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36

Steps to reproduce the problem:
The problem appeared today (maybe after an update) with elements that have css box-shadow transition between different number of shadows. Example:

1° state - 3 shadows:
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);

2° state - 1 shadow:
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.30);

What is the expected behavior?
A smooth transition

What went wrong?
During the transition a strange behavior appears. All works in transitions between the same number of shadows.

Did this work before? Yes Last chrome version

Does this work in other browsers? Yes

Chrome version: 58.0.3029.110  Channel: stable
OS Version: 10.0
Flash Version: 

Even the Google Keep's cards have the same kind of transition on mouse over and even them had my problems.

https://keep.google.com/