Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.09.2024, 13:25
Интересующийся
Отправить личное сообщение для MorenO410 Посмотреть профиль Найти все сообщения от MorenO410
 
Регистрация: 18.01.2024
Сообщений: 21

Белая обводка при box-shadow
Добрый день.
При попытке наложения 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;
   }
Изображения:
Тип файла: jpg 0.jpg (13.5 Кб, 2 просмотров)
Тип файла: jpg 1.jpg (14.1 Кб, 4 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 27.09.2024, 06:03
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,565

Ты посмотри, мож у тя картинка такая сама по себе
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подружить два скрипта (скроллер+скрипт эффекта при наведении) Che jQuery 26 29.08.2012 10:59
Проблема при воспроизведении аудио при использовании jplayer nemish Events/DOM/Window 0 01.12.2011 16:15
getAllResponseHeaders() и status имеют смысл только при readyState==4? mister_maxim AJAX и COMET 7 27.03.2011 19:08
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 13:28