Use CSS3 achieve a part of material design

Demo

• Base on JavaScript & Sass & compass
• Use CSS3
• Form input focus effect
• button & a click effect

• IE 10+
• jQuery is not necessary(form has jquery ver)

HTML

<!-- basic -->
<div class="input-group">
    <input type="text">
    <label class="material-design-label" for="">PassWord</label>
</div>

Can add error style

<!-- error style -->
<div class="input-group input-error">
    <input type="text">
    <label class="material-design-label" for="">E-mail</label>
</div>

Default HTML tag button & a have material design effect

If want to change

Modify file material_design_button.js

if (target.tagName.toLowerCase() !== 'button' && target.tagName.toLowerCase() !== 'a') return false;