I can't see the blur effect

Design help Animations & Interactions
1

I can see that the blur effect has been applied but it doesn’t show when I set the z index to -1

image
image1030×612 90.5 KB

image
image1034×587 113 KB

Here’s my read only link
https://preview.webflow.com/preview/saranadeem?utm_medium=preview_link&utm_source=designer&utm_content=saranadeem&preview=c2c9d2fc501a0dfb05073c7c03f59f1d&workflow=preview

Here is my public share link: LINK
(how to access public share link)

2

Hi @sara_nadeem :wave: Just set z-index to 1 for normal image :relieved:

3

image
image1066×557 34.5 KB

I want this glow effect behind the image when I hover over it. To achieve that I duplicated the image and sent it to back to apply this blur/glow effect but I can’t see the glow

4

when i put the blurred image on top I can see that the blur has been applied but when i move it to back it doesn’t show

5

21:36
this is what I’m trying to do

6

#1

image
image1920×985 101 KB

#2

image
image1920×962 101 KB

Does it works now?

7

Dmitrii you’re a genius! Thank you its working. I’ve been stuck on this for a long time

1 Like