Skip to content

Instantly share code, notes, and snippets.

@arafathusayn
Last active March 10, 2017 12:39
Show Gist options
  • Save arafathusayn/476ec2c13a6fe4556421909d6fa587c6 to your computer and use it in GitHub Desktop.
Save arafathusayn/476ec2c13a6fe4556421909d6fa587c6 to your computer and use it in GitHub Desktop.
Facebook Image Blur and Clear on Hover in News Feed
/*
# Install from the link:
https://userstyles.org/styles/139786/facebook-photo-blur-in-news-feed
*/
@-moz-document domain("www.facebook.com"), domain("web.facebook.com") {
div[id*="feed_stream"] a[target="_blank"] img,
div[id*="feed_stream"] a[href*="photo"] img,
div[id*="feed_stream"] a[href*="post"] img,
div[id*="feed_stream"] a[href*="groups"] img,
div[id*="feed_stream"] a[href*="story"] img,
div[id*="feed_stream"] img[src*=".gif"],
div[id*="feed_stream"] .profilePic img,
div[id*="feed_stream"] img[alt*=" photo"],
div[id*="feed_stream"] img[alt*="#"][class*="scaledImageFitWidth"],
div[id*="feed_stream"] div.uiScaledImageContainer img.scaledImageFitHeight,
div#fbRequestsList a img {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div[id*="feed_stream"] a[href*="photo"]:hover img,
div[id*="feed_stream"] a[href*="post"]:hover img,
div[id*="feed_stream"] a[href*="groups"]:hover img,
div[id*="feed_stream"] a[href*="story"]:hover img,
div[id*="feed_stream"] a[target="_blank"]:hover img,
div[id*="feed_stream"] img[src*=".gif"]:hover,
div[id*="feed_stream"] .profilePic:hover img,
div[id*="feed_stream"] div.mtm:hover img[alt*=" photo"],
div[id*="feed_stream"] a:hover img.scaledImageFitHeight,
div#fbRequestsList a:hover img {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
}
@phpfour
Copy link

phpfour commented Mar 10, 2017

Assalamu 'Alaikum,

I've added blurring for search results. Here is my fork: https://gist.github.com/phpfour/b35908e2677aa5fdb7c7515724c41739.

Jazakallah Khayr

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment