Use filter: blur to blur spoilers
See original GitHub issueThis is a better method, however I have tried it but it blurs the tooltip and I am unsure how to fix that.
filter: blur(8px);
Thanks! 😄
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (9 by maintainers)
Top Results From Across the Web
Spoiler Prevention with CSS Filters - David Walsh Blog
CSS filters allow developers to blur content and animate the filter with blur, greyscale, hue, and more.
Read more >SpoilerBlur - Fandom Developers Wiki
SpoilerBlur is a short and minimalistic CSS code that softly blurs a specified sentence, word, range, or paragraph. If the visitor hovers over...
Read more >How do I blur out images or videos for spoilers? - Reddit
I know how to do it for text, like this: Hi spoiler! But I want to post my bug free Festival fun video...
Read more >Cross-Browser CSS Filters: Blurring Text - the new code
Making The Blurred Text Readable. It would be pointless to leave your visitor without any means of unblurring the text. The solution is...
Read more >Blurry Spoiler - CodePen
Blurry Spoiler. So you have a nice text about a great tv show or a movie, and suddenly: BAM! Spoiler. Wouldn't it be...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I don’t see anything wrong with text shadow. If you want to make it stand out a little more you can darken it a bit:
text-shadow: 0 0 6px rgba(0,0,0,0.4);
Blur filter isn’t that flexible for our case.
Yep, I updated with your suggestion and now it cannot be seen 😃
Thanks!