DEMO

Only chrome version

    <input style="font-size: 10px; margin: 10px" class="md-menu-button" type="checkbox">
    <input style="font-size: 20px; margin: 10px" class="md-menu-button" type="checkbox"/>
    <input style="font-size: 30px; margin: 10px" class="md-menu-button" type="checkbox"/>

Cross-browser version

Contain ink animation

<label style="font-size: 10px;" class="md-menu-button-x">
    <input type="checkbox">
    <div>
        <div up></div><div mid></div><div down></div>
    </div>
</label>

<label style="font-size: 20px;" class="md-menu-button-x">
    <input type="checkbox">
    <div>
        <div up></div><div mid></div><div down></div>
    </div>
</label>

<label style="font-size: 30px;" class="md-menu-button-x">
    <input type="checkbox">
    <div>
        <div up></div><div mid></div><div down></div>
    </div>
</label>