WebSlides: 在几秒钟内创建HTML演示文稿 |
您所在的位置：网站首页 › webslides › WebSlides: 在几秒钟内创建HTML演示文稿 |
|
WebSlides=用因果报应创造故事
最后，以一种漂亮的方式制作HTML表示、登录和longforms所需的一切。只需要基本的HTML和CSS知识就可以了。设计师、营销人员和记者现在可以专注于内容。— https://webslides.tv/demos。 Download只需选择一个演示，并在几秒钟内定制它。最新版本：webslides.tv/webslides-latest.zip。 下载了什么？下载内容包括演示和图像（设备和徽标）。所有内容仅用于演示目的。图像是其各自所有者的财产。 webslides/ ├── index.html ├── css/ │ ├── base.css │ └── colors.css │ └── svg-icons.css (optional) ├── js/ │ ├── webslides.js │ └── svg-icons.js (optional) └── demos/ └── images/ Features 导航（水平和垂直滑动）：远程演示者、触摸板、键盘快捷键和滑动。 Slide counter. 永久链接：转到特定幻灯片。 Autoslide. 点击导航。 简单的CSS对齐。将内容放在您想要的任何位置（垂直centering...） 40+组件：背景图片/视频，报价，卡片，封面。。。 具有auto-fill且高度相等的柔性块。 字体：Roboto、Maitree（Serif）和San Francisco。 垂直节奏（使用8的倍数）。 Markup 代码是干净的和可伸缩的。它使用直观的标记和流行的命名约定。没有必要过度使用类或嵌套。 #webslides元素中的每个父级都是一个单独的幻灯片。 Slide 1 Slide 2 Vertical Sliding CSS语法（类） 版式：.text-landing，.text-data，.text-intro。。。 背景色：.bg-primary，.bg-apple，.bg-blue。。。 背景图片：.background，.background-center-bottom。。。 卡片：.card-50，.card-40。。。 柔性块：.flexblock.clients，.flexblock.metrics。。。 Extensions您可以添加： Unsplash photos animate.css particles.js 滚动动画（对于长格式文章很有用） pt Dive In! 不要错过我们的演示。 想找技术人员吗？阅读我们的wiki:FAQ核心API插件Docs插件开发 Credits WebSlides是@jlantunez用仙人掌创建的。 Javascript:@Belelros和@LuisSacristan。 基于SimpleSlides，作者@JennSchiffer。 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |