用css3写input的交互动画

为了达到注册输入有更好的体验,所有用css3过渡动画写了个小交互。

动画的原理,主要就是当获得焦点的时候,“账号”标题变色上移且缩小字号。下划线同时也变成选中主色调。

现在看看css代码

首先定义输入框的样式,隐藏所有input的初始样式,然后强制增加底线,并在获得焦点时变色。代码如下[……]

阅读全部