文件名称:css-modal:使用纯CSS构建的模式,并使用JavaScript进行了增强
文件大小:464KB
文件格式:ZIP
更新时间:2024-02-25 19:07:36
css plugin sass css-modal CSSJavaScript
CSS模式 使用纯CSS构建的模式 请以了解有关该项目的更多信息,如有疑问,请参阅问题解答。 它是什么 用纯CSS构建: CSS Modal是用纯CSS构建的。 JavaScript仅用于糖。 这使得它们完全可以访问。 针对移动设备进行了优化:使用响应式Web设计方法来设计模式。 它们适用于从小型手机到高分辨率屏幕的所有屏幕尺寸。 用作Sass插件:您可以将CSS Modal用作插件,并将其应用于自定义类。 无需了解所有代码。 其他一些优点:可访问,跨浏览器,支持媒体,体积小,速度快! 如何使用 请注意,如果您从另一个内打开一个模态,则模态会彼此叠放。 您可以将数据属性data-sta
【文件预览】:
css-modal-master
----css()
--------cssmodal--stretch.css(430B)
--------config.css(671B)
--------cssmodal--maxwidth.css(604B)
--------theme.css(2KB)
--------cssmodal--gallery.css(3KB)
--------cssmodal--resize.css(713B)
--------core.css(4KB)
--------cssmodal_spinner.css(2KB)
--------animations.css(246B)
--------index.css(313B)
----.travis.yml(43B)
----CONTRIBUTE.md(1KB)
----.babelrc(28B)
----package.json(2KB)
----.eslintrc.json(407B)
----index.html(4KB)
----js()
--------Helpers.js(3KB)
--------index.js(101B)
--------CSSModalResize.js(7KB)
--------plugins.js(354B)
--------Helper()
--------CSSModal.js(11KB)
--------CSSModalHtml5video.js(999B)
--------CSSModalGallery.js(7KB)
--------CSSModalMaxwidth.js(3KB)
----LICENSE(1KB)
----.npmignore(89B)
----FAQ.md(523B)
----examples()
--------max-width.html(406B)
--------gallery-2.html(2KB)
--------stretch.html(452B)
--------stackable.html(999B)
--------images.html(413B)
--------fade.html(535B)
--------iframe-content.html(351B)
--------max-width-2.html(439B)
--------images-2.html(407B)
--------html5-video.html(731B)
--------iframe.html(298B)
--------gallery.html(4KB)
--------show.html(5KB)
----.gitignore(185B)
----webpack.config.js(267B)
----CHANGELOG.md(7KB)
----README.md(5KB)
----yarn.lock(187KB)
----scripts()
--------css.js(863B)
----.editorconfig(197B)
----__test__()
--------modal.test.js(6KB)
--------visual()
--------gallery.test.js(4KB)