文件名称：caroucssel:轻量级的无依赖CSS轮播
文件大小：248KB
文件格式：ZIP
更新时间：2024-05-21 04:50:17
javascript css sass lightweight slideshow
卡鲁·塞尔 轻量级的无依赖CSS轮播。 CSS可以滚动，为什么不使用它呢？ 尝试一些。 安装 CarouCSSel可在： npm install caroucssel --save 或者 yarn add caroucssel 用法 轮播基于两个元素。 最重要的部分是样式。 CarouCSSel附带了一个预构建CSS文件（用于基本用法）和一个SCSS文件，其中包含用于设置转盘的mixin。 另一方面，有一个JavaScript类通过添加控件来增强轮播。 CSS 预构建CSS文件仅包含用于基本用法的选择器。 建议使用SCSS-mixins以获得更好的可定制性。 CSS带有两个类选择器。 .caroucssel创建一个滚动区域，在该区域中水平放置子元素。 第二个可选的.use-snap启用100％大小的基本滚动快照支持，并与左侧对齐。 < link rel =" stylesheet
【文件预览】：
caroucssel-master
----.eslintrc(322B)
----.nvmrc(8B)
----package.json(2KB)
----.github()
--------dependabot.yml(246B)
--------workflows()
----jest.config.js(71B)
----LICENSE(1KB)
----package-lock.json(768KB)
----dist()
--------caroucssel.umd.js(28KB)
--------caroucssel.min.js(11KB)
--------caroucssel.d.ts(2KB)
--------caroucssel.min.css(786B)
--------caroucssel.css(984B)
--------caroucssel.scss(1KB)
--------caroucssel.esm.js(17KB)
----src()
--------index.js(15KB)
--------caroucssel.css.scss(115B)
--------__setup__()
--------index.test.js(34KB)
--------index.d.ts(2KB)
--------__snapshots__()
--------utils()
--------caroucssel.scss(1KB)
----.npmignore(182B)
----.sass-lint.yml(12KB)
----codecov.yml(293B)
----.gitignore(61B)
----web()
--------img()
--------index.html(7KB)
--------styles.scss(4KB)
--------font()
--------demo()
--------script.js(379B)
----Makefile(1KB)
----README.md(11KB)
----.eslintignore(37B)
----scripts()
--------build.js(2KB)
----.editorconfig(222B)
----.gitattributes(8B)
----babel.config.js(230B)