css滑動門實現

在css2.0時代，有很多效果沒法用用css直接實現，比如圓角導航欄。爲了實現這個效果，人們用到了滑動門。

我們使用a和span兩個標籤來說明滑動門。

<a href="#">
  <span>Tab</span>
</a>

我們有兩張圖片，a.png是左上角是圓角，其他角是直角，b.png是右上角是圓角，其他角是直角。

則css如下：

a{background:url(a.png) left top;background-repeat:no-repeat;}
span{background:url(b.png) right top;}

隨着span中的內容增加，span可以a標籤裏面滑動。從而實現了滑動門。