css rozmyte brzegi zdjęcia

Question

Witam

Jak zrobić rozmyte brzegi zdjęcia?

mam taki kod

  .offer-wrapper-picture5{
        width: 40%;
        height: 400px ;
        // border: 1px solid black;
        background-image: url('./../../assets/electric2.jpg');
        box-shadow: inset 0 0 20px 20px white;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin:25px;
    }

który powoduje rozmycie dwóch brzegów, jeżeli dam box-shadow 20px we wszystkich 4 przypadkach nie są rozmyte w ogóle....

Comments

Chcesz rozmyć czy wycieniować? Bo to duża różnica.

---

tak żeby od zewnątrz była mgiełka a wyraznie im bliżej środka

---

głupi błąd, zamiast contain dałem cover i jest na 4 bokach, ale efekt i tak niezadowalający, musiałem użyć photoshopa