Как сделать такой blur?

Question

[Alexander]

Есть вот такая картинка

Как мне поверх нее сделать блюр, чтобы было так : ?

<div class="img" style="background-image: url('my_car.jpg')"></div>

img:before{
width: 50%;
height: 100%;
background: rgba(93, 93, 93, 0.07);
filter: blur(17px);
position: absolute;
right: 0;
top: 0
}

Но вот что я получаю в браузере:

Как правильно сделать такой blur ?

Comments

[Сергей Горячев]

А картинка всегда будет заблюренная или меняться будет как-то в нормальный вид?

Answer 1

[iBird Rose]

ну тк ты вешаешь blur на before - он у тебя и блюрится. вешай на img, либо на сам блок

Comments

[Alexander]

блин ))))