自定义 Bootstrap 4 Carousel 轮播效果：实现上下滚动与淡入淡出

效果说明：

• 切换时，当前项的透明度从 1 逐渐变为 0（淡出），新项的透明度从 0 逐渐变为 1（淡入）。
• 无位移变化，仅通过透明度渐变实现切换，适合强调内容本身而非过渡动画。

四、使用注意事项

1. 类名选择：两种效果分别通过carousel-vertical（上下滚动）和carousel-fade（淡入淡出）类实现，只需在轮播容器上添加对应类名即可生效。
2. 动画时长：可通过调整transition属性的时间值（如0.6s）控制过渡速度，数值越大动画越慢。
3. 兼容性：基于 CSS3 的transform和opacity属性，兼容现代浏览器（Chrome、Firefox、Edge 等），无需额外 JavaScript 代码。