Street Sentiment Disputation Shift

I've been puzzling for a spell nearly how to add together a contestation shift upshot to Google Maps Street View using CSS filters inwards Chrome. What has stumped me inwards the by was how to practice a slope blur that when applied to a Street View would add together a contestation shift upshot to the panoramic image.

Today I had a piffling eureka 2nd when I realized 1 solution would last to overlay 1 Street View layer on superlative of around other Street View of the same scene. You tin thus piece of job CSS filter transparency to practice a masking effect. If you lot add together this transparency filter to a horizontal band inwards the superlative Street View you lot tin meet the bottom Street View through the band.

Then all you lot bring to practice is add together a CSS blur filter to the superlative Street View. The upshot is a Street View that is blurred apart from 1 horizontal strip, creating a reasonable contestation shift effect. You tin meet the outcome on this Street View Tilt Shift picture (you volition likely entirely last able to meet this if you lot sentiment the page inwards the Chrome browser).

If you lot pan the Street View inwards this page entirely 1 of the Street Views volition move. You could add together an lawsuit listener to the superlative Street View thus that when you lot deed the superlative Street View the bottom Street View besides moves. I haven't done this hither thus you lot tin to a greater extent than clearly meet how the masking upshot works.

You tin meet other experiments using CSS filters amongst Google Maps Street View at Here Comes the Sun and Blurrd. Both of these pages 1 time again volition likely entirely piece of job inwards the Chrome browser.