CSS3를 사용하여 머티리얼 디자인 효과 얻기

    <button>button</button>
    <button class="red">red</button>
    <button class="orange">orange</button>
    <button class="blue">blue</button>
    <button class="green">green</button>
    <button class="link">link</button>

    <button class="b-red bk-n">button</button>
    <button class="b-red">red</button>
    <button class="b-orange">orange</button>
    <button class="b-blue">blue</button>
    <button class="b-green">green</button>

<button disabled>disabled</button>

    <button class="circle">+</button>
    <button class="circle teal">+</button>

    <nav class="btn-group">
        <button>button</button>
        <button>button</button>
        <button>button</button>
    </nav>

<input type="text">
<input type="password" >

<input type="checkbox" id="switch1" class="switch"><label for="switch1"></label>