安装使用sass、compass,小白指南

前言:因为自己也是刚入门的小白,所以次教程是从小白摸索的角度来帮组小白了解小白级别会遇到的问题。

一、Sass、Compass是什么?

Sass:css的预编译处理语言,css本身不支持变量,而Sass可以让css支持变量。比如web主色调是#ff0000,那么很多地方需要用到这个色值。用常规的[……]

阅读全部

用css3写input的交互动画

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

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

现在看看css代码

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

阅读全部