css渐变动画

鼠标放上去渐变

1
2
3
4
5
6
7
8
div
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */
}

使div居中:

要设置div的宽度
再使用margin 0 auto设置