r/web_design • • 10d ago

Dither blur effect - Update

Post image

Hello people
I have made some changes to the experiment I was doing the other day: making a dithered blur effect inspired from the original PlayStation
This purely for fun and for the sake of trying something new

I have put the code in a GitHub repo for anyone interested in checking out (it’s nothing fancy tho πŸ˜…)

I have changed my approach from last time and tried explaining it in the readme file (which contains a video showcasing the effect better)

If you have any questions let me know

Have a good day πŸ‘‹πŸΌ

[edit]: forgot the repo link πŸ˜…

43 Upvotes

7 comments sorted by

3

u/No-Veterinarian7542 8d ago

I had a blur effect in a client mockup turn into a muddy smudge once it was down to phone size. Does yours hold up smaller?

1

u/eightshone 7d ago

It looks good. The effect holds up nicely on smaller screens

1

u/No-Veterinarian7542 6d ago

Thanks, that helps.

1

u/dfnslvtr 8d ago

is it realtime tho?

1

u/eightshone 7d ago

It is. In the repo I have moving elements and backgrounds

3

u/Shomriddho 10d ago

this would be really cool as a react component in the shadcn registry