手风琴

手风琴

在body里写一个div后在给他一个类，类名sfqanli。
在给这个类写样式先给了宽140px，高158，给了宽，高后再给了固定定位。Top这个其实是上外边距，只所以这样是因为给了固定定位就可以不用margin，cuesor:pointer;是鼠标变小手。

看下这时做的效果

灰色的就是上面写的效果。

给了A标签后就开始写a标签的样式。

这就是a标签和em标签的样式，display: block;这是行内元素转快捷元素。

   transform:

translateX(110px);这是通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标）

   transition:

all 0.2s ease;，相同的速度从开始到结束的过渡。

这是动画效果transition-delay:0.2s;这是用来调速的。

就是这样的。