Il seguente approccio si avvicina molto, ma non (né può) coprire le immagini impostate come sfondo. Potrebbe anche rallentare il caricamento della pagina un po '.
L'obiettivo è iniettare CSS personalizzati nella pagina. Userò il componente aggiuntivo Elegante per questo ( teoricamente tu potrebbe farlo senza alcun componente aggiuntivo esterno, ma per farlo è necessario un ID sviluppatore Safari gratuito - vedi qui - Ho sbagliato, vedi la risposta di @ markhunte). Dopo aver installato Stylish, vedrai un grande pulsante "S" accanto al campo dell'URL. Fare clic e selezionare "Gestisci". Nella nuova scheda, seleziona "Modifica" per creare un nuovo stile. Dagli un titolo (forse "Immagini sfocate") e incolla il seguente CSS nel campo "CSS":
img {
-webkit-filter: blur(10px);
}
img:active {
-webkit-filter: blur(0px);
}
In "Si applica a:" seleziona "globale (se vuoi, puoi restringerlo a URL specifici, prefissi URL, domini ecc.), quindi salva lo stile per attivarlo.
Se carichi una pagina Web, tutte le immagini (ad eccezione delle immagini di sfondo) saranno sfocate. Se fai clic su un'immagine non sarà sfocata finché tieni premuto il pulsante del mouse. Puoi personalizzare il grado di sfocatura modificando il valore del pixel nel primo selettore, poiché il secondo selettore annulla l'immagine.
Questo è tutto ciò che puoi fare in semplice CSS. Se si desidera una whitelist selettiva che permane attraverso le sessioni, è assolutamente necessario scrivere le proprie estensioni. Ciò dipende ancora dall'applicazione del CSS pubblicato sopra, ma la whitelist e la parte "click-to-add" potrebbero essere un po 'più complicate e non ho abbastanza esperienza per darti una risposta utile in quel caso.
