[CSS3] 如何在3秒內完成一個手機板選單-漢堡艾康(mobile menu icon) RWD


DEMO

 Hamburger_icon


如何完成一個漢堡選單(Hamburger button)?

HTML

<div id='menu-icon-button' class="webgolds"></div>

CSS

#menu-icon-button{
    cursor:pointer;
    display:inline-block;
}

#menu-icon-button::after {
    display: block;
    content: '';
    height: 4px;
    width: 25px;
    border-top: 3px solid #1c90f3;
    border-bottom: 3px solid #1c90f3;
}

#menu-icon-button::before {
    display: block;
    content: '';
    height: 4px;
    width: 25px;
    border-top: 3px solid #1c90f3;
}





 

回上一頁

相關文章:

喜歡這篇文章嗎?立即分享

Posted : / Views: 1823
Last updated :2017-11-30