这个DEMO是使用CSS3制作的一个分步注册表单，每个input对应的是每一步，在表单得到焦点时，对应的step也会进行对应的改变。不过这个效果是使用js代码来实现，但整个表单的外观是由CSS3来完成的，整个案例中使用了：@font-face来制作icon图标，使用gradient来制作渐变的按钮效果，使用text-shadow来制作文字阴影效果等等，方便简单点，但细节与创意才是最重要的，喜欢的同学可以看看是怎么实现的吧
1. [文件] index.html 



   
   
   
   
   
   
   
   

   

       

           
• w3cplus

           
• css3详解教程

           
• css3实例

           
• 藤藤每日一练

       

        查看原文>>
   

   

       
           

CSS3制作分步注册表单

           

作者：藤藤(如有更好建议或疑问请加群：1041263)

       
   

 
   

 
       

         

Sign Up Form

         

with steps

         

               

                    1
                    2
                    3
               

               

                   
               

               

                   
               

               

                   
               

               

                    Sign Up
                    Clear