css-modal_一个由纯CSS构建的模式

css-modal

网站地址:https://drublic.github.io/css-modal

GitHub:https://github.com/drublic/css-modal

描述信息:一个由纯CSS构建的模式

链接直达

GitHub

css-modal的特点：

用纯CSS构建的
使用响应式网页设计方法设计的。它们适用于从小型手机到高分辨率屏幕的所有屏幕尺寸。
使用了Sass
其它优点：可访问，跨浏览器，小巧，快速！

如何使用css-modal

安装CSS Modal文件的最简单方法是使用npm或Bower。

npm install --save css-modal
//or
bower install --save css-modal

使用

<section class="modal--show" id="modal-text" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
    <div class="modal-inner">
        <header id="modal-label"><!-- Header --></header>
        <div class="modal-content"><!-- The modals content --></div>
        <footer><!-- Footer --></footer>
    </div>
    <a href="#!" class="modal-close" title="Close this modal" data-close="Close" data-dismiss="modal">?</a>
</section>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1437