Interactive material design Registration form

How to create Interactive material design Registration form using Axure

Step - 1 - File new -> Click on Home, In Properties Panel -> Select Style Tab -> Back color and change the background color of Home Page.

Step - 2 - Place the Box 1 and set height and width, In Properties Panel -> Select Style Tab -> Style - Border : None , Radius : 5 , set shadow (while clicking on check box it will enable) 

Step - 3 - Give some heading and Place Text Field , select and right click and select Hide Border

Step - 4 - Name the text field, in Properties Panel scroll down and write on Hint text box (it is like Placeholder) then Hint Style Select "Focus"

Step - 5 - Place the Label and Name it as "Name" as well as Place the Horizontal line, line should be same as hidden Text field.

Step - 6 - Again Place the Label with Name and in Properties Panel name it as "Floating_name" and finally make it hidden

Step - 7 - Now Select the Hidden Text Field and in Properties Panel Click on OnFocus and open Case Editor to write the case for Text Field

Step - 8 - In Case Editor -> Click to add actions -> Widgets ->Show 

Configure actions -> Checked the Floating_name

Animate -> Slide left and t: 100ms

OK

Step - 9 - Preview and check

Step - 10 - Add more field and Preview it

Step - 11 - Preview -> Before click and After Click

Thanks.