WebSlides 介绍
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>
GitHub:https://github.com/webslides/WebSlides
网站描述:以秒为单位创建 HTML 幻灯片项目
WebSlides
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。