Recently, I came across a Google Plus page that had an amazing blur effect on one of its images - specifically on the left side of the cover photo. I tried using some CSS blur techniques and various plugins to recreate it, but none of them gave me the same result.
Do you have any idea how this effect was achieved?
Check out the Google Plus post here for reference
Tools used:
blur.js foggy.js
.blur {
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}