3 ms·

I use this bit of CSS to make images/videos grayscale till I hover over them: iframe,video,img {filter:grayscale(1)!important;} iframe:hover,video:hover

by ChoGGi 10y ago

I use this bit of CSS to make images/videos grayscale till I hover over them: iframe,video,img {filter:grayscale(1)!important;} iframe:hover,video:hover,img:hover {filter:none!important;} Ignore the hover part and it seems like it'd work fine for mobile (Firefox with an extension), though it does seem like you'd need to be holding your phone/tablet pretty close to have a seizure either way?

wapz 10y ago
How does this work? Do you run your browser in development mode with a script or is there some way to run css on all pages you visit (sorry I'm not a web person and my terminology is surely off).
- mintplant 10y ago
  You could use something like Stylish. Firefox: https://addons.mozilla.org/en-US/firefox/addon/stylish/ https://addons.mozilla.org/en-US/firefox/addon/stylish/ Chrome: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en https://chrome.google.com/webstore/detail/stylish-custom-the... Collection of custom stylesheets: https://userstyles.org/ https://userstyles.org/ Userscripts are the same concept for JavaScript; see https://greasyfork.org/en https://greasyfork.org/en
- ChoGGi 10y ago
  Pretty much what mintplant said, though on desktop Firefox you can also use UserContent.css (not sure how long it'll be supported for though). http://kb.mozillazine.org/UserContent.css http://kb.mozillazine.org/UserContent.css