Белая обводка при box-shadow
Вложений: 2
Добрый день.
При попытке наложения box-shadow для изображения проявляется белая обводка по краю изображения. Как разрешить чтобы box-shadow проходила по краю изображения без не понятной белой обводки <div class="hero__poster-area poster-area"> <div class="poster-area__decor-wrap poster-area__decor-wrap--left-inner"> <img src="@img/decore_files/lettuce.png" alt="Left Lettuce" class="poster-area__leaf poster-area__leaf--left" width="203" height="226"> </div> <div class="poster-area__inner"> <img src="@img/home_page/hero.png" alt="Spaghetti" class="poster-area__image" width="492" height="492"> </div> <div class="poster-area__decor-wrap poster-area__decor-wrap--right-inner"> <img src="@img/decore_files/lettuce.png" alt="Left Lettuce" class="poster-area__leaf poster-area__leaf--right" width="203" height="226"> </div> </div> // .poster-area__inner &__inner { display: block; overflow: hidden; aspect-ratio: 492/492; // max-width: 492px; z-index: 2; box-shadow: 0px 2px 37px 4px rgba(0, 0, 0, 0.18); border-radius: 100%; } // .poster-area__image &__image { width: 100%; height: 100%; object-fit: contain; border: none; } |
Ты посмотри, мож у тя картинка такая сама по себе:)
|
Часовой пояс GMT +3, время: 03:25. |