# css-carousel

**Repository Path**: whjh/css-carousel

## Basic Information

- **Project Name**: css-carousel
- **Description**: 轮播图
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-12-17
- **Last Updated**: 2025-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 效果
![轮播图效果](%E8%BD%AE%E6%92%AD%E5%9B%BE.gif)

- # CSS 旋转木马

  该项目由 **CodingStartup** 创建，作为教程。教程视频可以在这里找到：

  - YouTube：[https://youtu.be/npDdCTYqnR8](https://gitee.com/link?target=https%3A%2F%2Fyoutu.be%2FnpDdCTYqnR8)
  - BiliBili：[https://www.bilibili.com/video/BV1Bt4y1S7kv](https://gitee.com/link?target=https%3A%2F%2Fwww.bilibili.com%2Fvideo%2FBV1Bt4y1S7kv)

  该项目的CodePen版本可在 [https://codepen.io/stevenlei/pen/abdewMp](https://gitee.com/link?target=https%3A%2F%2Fcodepen.io%2Fstevenlei%2Fpen%2FabdewMp) 找到。

  ## 安装

  确保你安装的是最新版本的[node和npm](https://gitee.com/link?target=https%3A%2F%2Fnodejs.org%2Fen%2Fdownload%2F)或[yarn](https://gitee.com/link?target=https%3A%2F%2Fyarnpkg.com%2Fen%2Fdocs%2Finstall)。

  以下所有步骤都运行在该目录的命令行中。你可以根据自己的偏好来替代。`npm``yarn`

  安装所有必要的软件包：

  ```
  npm install
  ```

  ## 建造

  为了分销而构建：

  ```
  npm run build
  ```

  所有最终输出都会被丢进 [/dist/](https://gitee.com/whjh/css-carousel/blob/master/dist) 文件夹。

  ## 服务器

  运行一个本地服务器，它会自动编译你的代码并在保存更改时刷新！

  ```
  npm run serve
  ```

  ------

  ## CodingStartup 频道

  请订阅我的频道，感谢你的支持！

  - YouTube频道：[https://www.youtube.com/codingstartup](https://gitee.com/link?target=https%3A%2F%2Fwww.youtube.com%2Fcodingstartup)
  - BiliBili频道：[https://space.bilibili.com/451368848](https://gitee.com/link?target=https%3A%2F%2Fspace.bilibili.com%2F451368848)