越来越多的WEB设计师开始关注CSS3过度效果的使用， 过度效果不仅可以美化网站界面，自定义动画，而且还可以代替Javascript，增加搜索引擎的友好度。
下面为大家演示如何能够建立在HTML5中输入字段的动画效果。 尤其是CSS3的:valid伪类，它是比以往任何时候都更容易自定义文本输入。
启动文件
首先我们需要准备一个空白的index.html文件。
<!doctype html>
越来越多的WEB设计师开始关注CSS3过度效果的使用， 过度效果不仅可以美化网站界面，自定义动画，而且还可以代替Javascript，增加搜索引擎的友好度。
下面为大家演示如何能够建立在HTML5中输入字段的动画效果。 尤其是CSS3的:valid伪类，它是比以往任何时候都更容易自定义文本输入。
启动文件
首先我们需要准备一个空白的index.html文件。
<!doctype html>