时间戳

首页 > 解决方案 > 如何在幻灯片之间添加平滑过渡？

javascript - 如何在幻灯片之间添加平滑过渡？

问题描述

我正在使用https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_quotes_slideshow中的代码 如何在幻灯片之间添加过渡？

标签： javascripthtmlcss

解决方案

我看了一下代码。

在示例中，单击幻灯片的动作将幻灯片的 CSS 属性“display”从“none”更改为“block”。

  slides[slideIndex-1].style.display = "block";

不幸的是，这个属性不允许添加平滑过渡。

查看这篇解释如何创建滑动轮播效果的文章https://css-tricks.com/css-only-carousel/

推荐阅读