슬라이드 쇼에서 상자 그림자를 사용하여 이미지 가장자리를 부드럽게/페더 처리하는 방법은 무엇입니까?

이미지 슬라이더가 있습니다. 좀 더 부드러운 뷰를 얻으려면 롤링 할 때 페더 처리 된 이미지 가장자리를 표시하고 싶습니다.슬라이드 쇼에서 상자 그림자를 사용하여 이미지 가장자리를 부드럽게/페더 처리하는 방법은 무엇입니까?

나는 box-shadow 속성을 사용하려고했지만 나에게 도움이되지 못했습니다. 이미지 편집기를 사용하여 이미지 가장자리를 페더 링하는 것이 가능합니다. 그러나 나는 그것을 원하지 않는다.

나는 을 <img> 옆에 추가했습니다. inset 기능이 활성화 된 경우

<div class="item"> 
    <img src="images/01.jpg" alt="" /> 
    <div class="insetShadow"></div> 
</div> 

.insetShadow 
{ 
    width: 100%; 
    height: 100%; 
    top:0; 
    left:0; 
    position:relative; 
    box-shadow: inset 0px 0px 13px 5px #fff; 
    z-index: 20; 
} 

.carousel img 
{ 
    width: auto; 
    height: 300px; 
    max-height: 300px; 
    margin: 0 auto; 
    position: relative; 
    z-index: 19; 

}

box-shadow는 img 요소에 적용 할 수 없습니다.

왼쪽 위 그림에서 실제보기가 보일 수도 있고 오른쪽 하단보기에서 볼 수 있습니다. 그 또는 모든 jQuery 플러그인에 대한 다른 CSS 솔루션이 있습니까?

enter image description here