WebSlides 是一个开源的 html 幻灯片项目，能够帮助熟悉前端语言的开发者快速制作出效果精美的幻灯片。页面中的每个 <section> 都是一个独立的幻灯片，只需要很少的 css 代码装饰即可。

WebSlides特点

• 导航（水平和垂直滑动）：远程演示者，触摸板，键盘快捷键和滑动。
• 滑动计数器。
• 固定链接：转到特定幻灯片。
• Autoslide。
• 点击导航。
• 简单的CSS对齐。将内容放在任何地方（垂直居中...）
• 40多个组件：背景图片/视频，报价，卡片，封面......
• 具有自动填充和相同高度的灵活块。
• 字体：Roboto，Maitree（Serif）和 San Francisco  。
• Vertical rhythm (use multiples of 8）。
• 
  

使用

代码干净且可扩展。它使用直观的标记和流行的命名约定。没有必要过度使用类或嵌套。每个父<section>在#webslides元件是单独的幻灯片。

<article id="webslides">
    <section>
        <h1>Slide 1</h1>
    </section>
    <section class="bg-black aligncenter">
    <!-- .wrap = container 1200px -->
        <div class="wrap">
            <h1>Slide 2</h1>
        </div>
    </section>
</article>

链接: https://www.fly63.com/nav/1782