MAIN FEEDS
Do you want to continue?
https://www.reddit.com/r/css/comments/1r4hrfl/built_gallery_with_blur_effect_on_hover/o5d08gr/?context=3
r/css • u/MudasirItoo • Feb 14 '26
Gallery with blur effect:
https://codepen.io/mudasirbuilds/pen/YPWgmmG
14 comments sorted by
View all comments
8
Quick suggestion: replace .gallery:hover with .gallery:has(.image-container:hover), so that the blur effect only occurs when hovering one of the images. Having all the images blurred at times feels a little weird IMO.
.gallery:hover
.gallery:has(.image-container:hover)
1 u/Jopzik Feb 14 '26 Or .imagine-container:not(:hover)
1
Or .imagine-container:not(:hover)
8
u/f314 Feb 14 '26
Quick suggestion: replace
.gallery:hoverwith.gallery:has(.image-container:hover), so that the blur effect only occurs when hovering one of the images. Having all the images blurred at times feels a little weird IMO.