responsive-overlay-menu - 跨浏览器覆盖菜单框架


MIT
跨平台
HTML/CSS

软件简介

responsive-overlay-menu 是一个响应跨浏览器覆盖菜单的框架

特点:

  • 可在所有浏览器工作

  • 可在所有设备上工作

  • 够小

  • 超快

  • 使用 jQuery 动画

  • 免费使用(MIT 许可证)

示例代码:

.menu-btn {
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 999;
    display: inline;
    font-size: 32px;
}

.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}

.btn-open:after {
    color: #333;
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-open:hover:after {
    color: #34B484;
}

.btn-close:after {
    color: #fff;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-close:hover:after {
    color: #34B484;
}