responsive-overlay-menu跨瀏覽器覆蓋菜單框架

responsive-overlay-menu 是一個(gè)響應(yīng)跨瀏覽器覆蓋菜單的框架。

特點(diǎn)：

• 可在所有瀏覽器工作

• 可在所有設(shè)備上工作

• 夠小

• 超快

• 使用 jQuery 動(dòng)畫(huà)

• 免費(fèi)使用（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;
}