【干货】前端rem单位的正确使用姿势

写这篇文章是因为自己被rem这个坑绊过脚,因此特意去研究了下rem这个单位。

简单阐述下px、em、rem之前的关系(其实网上很多,我这里稍微提一下)。

先抛出一个问题:为什么要选择rem?

px:像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓,可是在移动端,因为[……]

阅读全部

用css3写input的交互动画

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

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

现在看看css代码

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

阅读全部