I trying to blur or hide runner thumbnails on various streaming sites (PrimeVideo for example) I use Amino: Live CSS Editor chrome extension in most cases or uBlock Origin when I hide or blur certain elements from websites. But I can't understand how to blur that element. I mean these runner thumbnails don't even have divs, they just appear when you hover your mouse over progress bar and then disappear. With this css:
div.fmugii2.atvwebplayersdk-seekbar-container {
display: none;
}
entire progress bar became hidden, but I want only to hide thumbnails which appear over seekbar when you hover mouse over it.
Can someone give me a hint how to blur that element or hide completely from pop up, maybe need to use other tool for that? As in picture below is exactly what I want to hide or blur.
CodePudding user response:
go to the img you want to blur, find a way to select it, and add to it:
.[selectorToImg]{
filter: blur(5px);
-webkit-filter: blur(5px);
}

