越來越多的WEB設計師開始關注CSS3過度效果的使用， 過度效果不僅可以美化網站界面，自定義動畫，而且還可以代替Javascript，增加搜索引擎的友好度。

　　下面為大家演示如何能夠建立在HTML5中輸入字段的動畫效果。 尤其是CSS3的:valid偽類，它是比以往任何時候都更容易自定義文本輸入。

　　啟動文件

　　首先我們需要準備一個空白的index.html文件。

　　提交按鈕不會有什么效果，但會重新加載頁面。建議不要鏈接到后端的PHP或Ruby腳本對數據進行處理，或者甚至通過Ajax連接。