html图片依次下一张,html – 如何使用Bootstrap轮播显示上一张和下一张图像

我正在寻找的效果可以在下面的图像中看到,它是一个有3张图像的旋转木马.

如何让bootstrap carousel显示不透明度为0.7的左右图像？

以下是我的轮播模板.

Previous

Next

#arrowleft {

background-color: #FFF;

padding: 10px 8px;

position: absolute;

margin-left: -95px;

top: 45%;

z-index: 5;

display: inline-block;

}

#arrowright {

background-color: #FFF;

padding: 10px 8px;

position: absolute;

margin-left: 67px;

top: 45%;

z-index: 5;

display: inline-block;

}