css-modal

编程之家收集整理的这个编程导航主要介绍了css-modal编程之家,现在分享给大家,也给大家做个参考。

css-modal

css-modal 介绍

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://drublic.github.io/css-modal

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

网站描述:一个由纯CSS构建的模式

css-modal官方网站

官方网站:https://drublic.github.io/css-modal

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

Basscss,一个CSS重置,网格系统、颜色类、实用类等来帮助你建...
sandal,Sass 的基础库
CssLoad,完全基于CSS的加载动画设计工具
tachyons,轻便实用的 css 框架
CssDeck,在线CSS代码编辑器及共享网
Pure.css,雅虎出品的一组轻量级、响应式纯css模块