文章标签

在本系列文章中，我们一直在使用纯HTML和CSS制作图片滑块。我们的想法是，无论我们添加多少图片，我们都可以使用相同的标记但不同的CSS来获得截然不同的效果……

在上一篇文章中，我们制作了一个非常酷的小滑块（或者如果你喜欢，可以称之为“轮播”），它可以循环旋转。这次我们将制作一个可以翻转拍立得图片堆栈的滑块……

图片滑块（也称为轮播）随处可见。有很多CSS技巧可以创建常见的滑块，其中图片从左到右滑动（或反之）。许多JavaScript库也是如此……

这是Michelle Barker在Codrops上提供的一个超级优雅的演示，展示了如何使用GSAP构建可滚动和可拖动的时间轴。让两种不同的交互（垂直滚动和水平拖动）绑定在一起是一个有趣的挑战……

本文重点介绍将WebGL效果添加到已“完成”网页的<image>和<video>元素中。虽然有一些关于此主题的有用资源（例如这些两个），但我希望帮助简化这个主题……

HTML有一个<input type="range">，可以说，这是最简单的比例滑块类型。该滑块的拇指最终所在的位置可以表示其之前和之后内容的比例（使用…）

构建轮播/幻灯片时，HTML和CSS可以带您走多远，这真是令人惊叹。

1. 使用CSS Flexbox将一些盒子水平排列很容易。
2. 使用overflow一次只显示一个盒子，并将其

几年前，当我第一次看到Lea Verou撰写的一篇文章时，我第一次了解了这个概念。自那以后，多范围滑块不幸地从规范中删除了，但与此同时，还发生了一些其他事情……