会移动的Banner

会移动的Banner——部落格头图
怎么移动呢?
就是当你的鼠标指着Banner时,你的Banner会向左或右移动的。。。

教程开始-----------------

1.
设计---修改HTML---Ctrl+F找

 /* Header

2.

在 /* Header
----------------------------------------------- */

的下面添加以下代码

#header:hover{
padding-left:100px;
}

蓝色的字---数目越大,移得越右边


如果你要把Banner慢慢的移回原本的位置的话
在 #header: hover{  的下面添加这个代码

#header {
-webkit-transition-duration: 2s;
}

保存后就完成啦~