跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
carousel

8篇文章
{
,

}
文章 CSS 无限 3D 滑动器 的直接链接
3d 轮播 滑动器 变换

CSS 无限 3D 滑动器

在本系列中,我们一直在使用纯 HTML 和 CSS 制作图像滑动器。 我们的想法是,无论我们添加多少图像,我们都可以使用相同的标记但不同的 CSS 来获得截然不同的结果,...

Avatar of Temani Afif
Temani Afif 于 2022 年 12 月 16 日
文章 CSS 无限滑动器翻转宝丽来图像 的直接链接
轮播 css 动画 图像 滑动器 z-index

CSS 无限滑动器翻转宝丽来图像

在上一篇文章中,我们做了一个很酷的小滑动器(如果你喜欢,也可以叫它“轮播”),它以圆形方向旋转。 这一次,我们将做一个可以翻转一堆宝丽来照片的滑动器...

Avatar of Temani Afif
Temani Afif 于 2023 年 1 月 12 日
文章 CSS 无限循环旋转图像滑动器 的直接链接
轮播 css 动画 图像 蒙版 滑动器

CSS 无限循环旋转图像滑动器

图像滑动器(也称为轮播)无处不在。 有很多 CSS 技巧可以创建常见的滑动器,图像从左到右滑动(或反向)。 与许多 JavaScript 库一样...

Avatar of Temani Afif
Temani Afif 于 2023 年 1 月 12 日
文章 超灵活的 CSS 轮播,通过 JavaScript 导航增强 的直接链接
轮播 滚动捕捉

超灵活的 CSS 轮播,通过 JavaScript 导航增强

我不知道你怎么样,但我经常想知道如何构建一个轮播组件,这样你就可以轻松地将一堆项目放入组件中,并获得一个正常工作的轮播 - 一个允许...

Avatar of Maks Akymenko
Maks Akymenko 于 2021 年 3 月 5 日
文章 如何制作一个纯 CSS 轮播 的直接链接
轮播

如何制作一个纯 CSS 轮播

我们在最近一期新闻稿中提到了使用纯 CSS 制作轮播的一种方法,我认为更详细的介绍会很有趣,并会捕捉到我对制作一个轮播的一些想法...

Avatar of Robin Rendle
Robin Rendle 于 2022 年 7 月 12 日
文章 使用 Bootstrap 组件创建模态图像库 的直接链接
bootstrap 轮播 模态框

使用 Bootstrap 组件创建模态图像库

你是否曾经点击网页上的图片,打开图片的更大版本,并有导航查看其他照片?

有些人称它为弹出窗口。 有些人称它为灯箱。 Bootstrap 称它为...

Avatar of Diego Vogel
Diego Vogel 于 2020 年 3 月 6 日
文章 纯 CSS 轮播 的直接链接
轮播 滚动行为 滚动捕捉 滑动器 幻灯片

纯 CSS 轮播

这真是太神奇了,HTML 和 CSS 在构建轮播/幻灯片时可以走多远。

  1. 使用 CSS Flexbox 将一些框放在水平行中很容易。
  2. 使用 overflow 每次只显示一个框,并使其
...
Avatar of Chris Coyier
Chris Coyier 于 2022 年 9 月 30 日
文章 轮播不必复杂 的直接链接
轮播 滚动捕捉 滑动器

轮播不必复杂

在 MediaTemple 博客上,我向您展示了如何仅用几行代码制作一个相当不错的轮播。 这是整个前提

每次在博客文章中提到轮播时,它都是一个

...
Avatar of Chris Coyier
Chris Coyier 于 2018 年 8 月 7 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获得免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.