Facebook Image Blur and Clear on Hover in News Feed (by ArafatHusayn)

news-feed-image-blur.css

/*

# 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[id*="browse_result"] div.uiScaledImageContainer img.scaledImageFitWidth,
    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[id*="browse_result"] a:hover img.scaledImageFitWidth,
    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);
    }
}