如何在轮播中显示下一个和上一个图像的部分内容

Question

轮播代码

<div uib-carousel active="active" class="filter-carousel" interval="false" no-wrap="noWrapSlides" ng-if="vm.temp.length">
    <div uib-slide ng-repeat="img in vm.temp" index="$index">
        <img ng-src="{{img}}" class="beforeImageLoader space-details-image img-responsive" style="object-fit: cover;">
    </div>
</div>

我想实现这一目标

enter image description here

有人可以帮助实现这一目标吗？