Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Белая обводка при box-shadow (https://javascript.ru/forum/xhtml-html-css/86098-belaya-obvodka-pri-box-shadow.html)

MorenO410 26.09.2024 13:25

Белая обводка при 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;
   }

Aetae 27.09.2024 06:03

Ты посмотри, мож у тя картинка такая сама по себе:)


Часовой пояс GMT +3, время: 03:25.