Chrome Version:54.0.2840.100
Is this the most recent version: Yes 
OS + version: Ubuntu 16.04 LTS
CPU architecture (32-bit / 64-bit): 64-bit
Window manager: Unity
URLs (if relevant):
Behavior in Linux Firefox:

Transition of filter: blur() shows white edges around the viewport even if the edges are hidden with a scale or negative margin.

This only affects the transition, after and before the transition, the edges are hidden.

Behavior in Windows Chrome (if you have access to it): As above

What steps will reproduce the problem?
(1) Create an parent element with overflow: hidden, width and height 100% of viewport.

(2) Add an image tag inside of the parent element with width and height 100%, transform: scale(1.05), filter: blur(5px), transition: 2s filter.
(3) Add a :hover psuedo-class to child with filter: none.

What is the expected result?
The image should come into focus with white edges being hidden outside of viewport.

What happens instead?
The image comes into focus but the white edges are sticking to the edges of the viewport for the duration of the transition, both before and after are fine. During animation is where the problem occurs.

Not replecatable in Firefox, no access to Safari.